.demo_page__uzDBG{position:relative;min-height:100vh;min-height:100dvh;padding:72px 28px 100px;background:radial-gradient(1200px 820px at 24% 20%,rgba(22,105,145,.55) 0,rgba(8,24,41,.35) 40%,rgba(5,7,12,.95) 70%),linear-gradient(135deg,#05060d,#090d18 45%,#03040c);color:#eaf4ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden;overflow-y:auto}.demo_page__uzDBG:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(173,216,255,.15) 1px,transparent 0),radial-gradient(rgba(173,216,255,.1) 1px,transparent 0);background-size:90px 90px,140px 140px;background-position:0 0,45px 65px;opacity:.35;pointer-events:none}.demo_container__cVkW3{max-width:1200px;margin:0 auto;position:relative;z-index:1}.demo_header__9cBBn{text-align:center;margin-bottom:48px;display:flex;flex-direction:column;align-items:center;gap:18px}.demo_headerLogo__2FKFH{width:clamp(140px,32vw,200px);height:auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.45))}.demo_title__LqdZt{font-size:clamp(32px,6vw,42px);letter-spacing:.4px;margin-bottom:14px;font-weight:700;color:#f8fbff}.demo_subtitle__XC_4Z{color:rgba(214,231,255,.78);font-size:clamp(15px,4.4vw,17px);line-height:1.7}.demo_grid__muaBc{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;justify-items:center;align-items:stretch;max-width:1200px;margin:0 auto}.demo_card__iIf3p{background:linear-gradient(155deg,rgba(19,28,45,.88),rgba(10,14,24,.92));border:1px solid rgba(60,94,120,.45);border-radius:24px;padding:clamp(20px,4vw,32px);display:flex;flex-direction:column;gap:clamp(20px,4vw,28px);box-shadow:0 28px 64px rgba(3,6,14,.55);backdrop-filter:blur(12px);width:100%;max-width:400px}.demo_details__U5hYM{display:flex;flex-direction:column;gap:clamp(16px,3vw,20px);text-align:center;order:2}.demo_cardHeader__xY7I1{text-align:center}.demo_cardTitle__z5dzK{font-size:clamp(20px,4.5vw,24px);font-weight:600;margin-bottom:4px}.demo_cardSubtitle__1hXUv{font-size:clamp(14px,3.2vw,16px);color:rgba(178,208,235,.82);line-height:1.6;white-space:pre-line}.demo_media__t35FR{display:flex;justify-content:center;order:1}.demo_mediaComposite__eLSUp{background:rgba(23,32,49,.72);border:1px solid rgba(53,75,102,.5);border-radius:22px;padding:clamp(16px,4.2vw,20px);display:flex;flex-direction:column;gap:clamp(12px,3.6vw,18px);box-shadow:inset 0 0 0 1px rgba(12,20,32,.35),0 20px 40px rgba(6,12,24,.42);width:100%;transition:transform .4s ease,box-shadow .4s ease}.demo_mediaComposite__eLSUp:hover,.demo_mediaComposite__eLSUp[data-focus=avatar],.demo_mediaComposite__eLSUp[data-focus=original]{transform:translateY(-6px);box-shadow:inset 0 0 0 1px rgba(37,74,110,.38),0 34px 72px rgba(10,18,34,.55)}.demo_mediaFrame__gX4ge{position:relative;width:100%;aspect-ratio:16/9;min-height:clamp(180px,40vw,280px);border-radius:16px;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border:1px solid rgba(76,115,148,.55);box-shadow:0 20px 40px rgba(5,9,18,.55);background:radial-gradient(200px 280px at 20% 18%,rgba(47,116,189,.45),transparent 60%),rgba(14,21,36,.92)}.demo_mediaLayer__3Jkmw{position:absolute;inset:0;pointer-events:none;transition:transform .6s cubic-bezier(.22,.61,.36,1),clip-path .6s cubic-bezier(.22,.61,.36,1),opacity .6s ease}.demo_mediaLayerOriginal__8tjOQ{clip-path:inset(0 50% 0 0);z-index:1}.demo_mediaLayerAvatar__lp7yk{clip-path:inset(0 0 0 50%);z-index:2}.demo_mediaComposite__eLSUp[data-focus=original] .demo_mediaLayerOriginal__8tjOQ{clip-path:inset(0 20% 0 0);transform:translateX(-3%);opacity:.9}.demo_mediaComposite__eLSUp[data-focus=original] .demo_mediaLayerAvatar__lp7yk{clip-path:inset(0 0 0 80%);transform:translateX(6%);opacity:.6}.demo_mediaComposite__eLSUp[data-focus=avatar] .demo_mediaLayerOriginal__8tjOQ{clip-path:inset(0 80% 0 0);transform:translateX(-6%);opacity:.6}.demo_mediaComposite__eLSUp[data-focus=avatar] .demo_mediaLayerAvatar__lp7yk{clip-path:inset(0 0 0 20%);transform:translateX(3%);opacity:1}.demo_mediaComposite__eLSUp[data-focus=balanced] .demo_mediaLayerAvatar__lp7yk,.demo_mediaComposite__eLSUp[data-focus=balanced] .demo_mediaLayerOriginal__8tjOQ{transform:translateX(0);opacity:1}.demo_mediaBadge__Lvs43{position:absolute;top:16px;padding:4px 14px;border-radius:999px;font-size:clamp(10px,3vw,12px);letter-spacing:.28px;text-transform:uppercase;background:rgba(31,155,204,.65);color:#eaf7ff;border:1px solid rgba(77,187,241,.45);box-shadow:0 8px 18px rgba(9,56,92,.35);pointer-events:none}.demo_mediaBadgeOriginal__lqtbY{left:16px}.demo_mediaBadgeAvatar__F77Zn{right:16px;background:rgba(96,135,255,.68);border-color:rgba(128,166,255,.5);box-shadow:0 8px 18px rgba(48,74,160,.35)}.demo_mediaLabel__Y49uN{font-size:clamp(12px,3.2vw,13px);color:rgba(178,208,235,.78);text-align:center;letter-spacing:.3px}.demo_actions__8w5Ki{display:flex;justify-content:center;margin-top:auto}.demo_tryButton__tgwt6{display:inline-flex;align-items:center;justify-content:center;padding:clamp(12px,3.6vw,13px) clamp(20px,5.2vw,26px);border-radius:999px;background:linear-gradient(135deg,#2ed0ff,#0ea5e9 40%,#0f6ee2);color:#fff;font-weight:600;letter-spacing:.2px;border:1px solid rgba(44,197,255,.45);transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;min-width:clamp(150px,42vw,170px);text-transform:uppercase;box-shadow:0 16px 32px rgba(15,155,230,.35)}.demo_tryButton__tgwt6:hover{transform:translateY(-1px);box-shadow:0 24px 36px rgba(15,155,230,.45)}.demo_tryButton__tgwt6:active{transform:translateY(0);box-shadow:0 8px 20px rgba(15,155,230,.4)}@media (min-width:768px){.demo_grid__muaBc{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px}.demo_card__iIf3p{max-width:450px}}@media (min-width:1024px){.demo_grid__muaBc{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:40px}.demo_card__iIf3p{max-width:500px}}@media (max-width:767px){.demo_page__uzDBG{padding:48px 16px 40px}.demo_grid__muaBc{gap:20px}.demo_card__iIf3p{padding:clamp(16px,4vw,24px);gap:clamp(16px,3vw,20px)}.demo_mediaFrame__gX4ge{min-height:clamp(160px,50vw,220px)}.demo_tryButton__tgwt6{min-width:clamp(140px,50vw,160px);padding:clamp(10px,3vw,12px) clamp(18px,4vw,24px)}}@media (max-width:480px){.demo_page__uzDBG{padding:40px 12px 32px}.demo_header__9cBBn{margin-bottom:32px}.demo_title__LqdZt{font-size:clamp(24px,8vw,32px)}.demo_subtitle__XC_4Z{font-size:clamp(14px,4vw,16px)}.demo_grid__muaBc{gap:16px}.demo_card__iIf3p{padding:clamp(14px,3vw,20px);gap:clamp(14px,2.5vw,18px)}.demo_mediaFrame__gX4ge{min-height:clamp(140px,45vw,180px)}.demo_tryButton__tgwt6{min-width:clamp(120px,45vw,150px);font-size:clamp(12px,3vw,14px)}}