:root{--surface:#0d0d0eeb;--line:#ffffff14;--text:#fff;--muted:#ffffffad;--shadow:0 24px 80px #00000073;--radius-xl:30px;--radius-lg:24px;--font-display:"Fraunces", serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);font-family:var(--font-body);background:#000;margin:0}a,button,input{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 50% -10%,#ffffff1f,#0000 24%),radial-gradient(circle at 18% 22%,#ffffff0a,#0000 22%),radial-gradient(circle at 82% 18%,#ffffff09,#0000 20%),linear-gradient(#070709 0%,#030304 48%,#010102 100%);min-height:100vh;position:relative;overflow:hidden}.grain,.stars{pointer-events:none;position:absolute;inset:0}.grain{opacity:.18;mix-blend-mode:soft-light;background-image:radial-gradient(#ffffffeb .45px,#0000 .58px),radial-gradient(#ffffff73 .35px,#0000 .52px),radial-gradient(#ffffff3d .25px,#0000 .45px);background-position:0 0,9px 13px,17px 21px;background-size:18px 18px,26px 26px,34px 34px}.stars{opacity:.42;background-image:radial-gradient(circle at 12% 14%,#ffffffe0 0 1px,#0000 1.6px),radial-gradient(circle at 26% 34%,#fff6 0 .9px,#0000 1.5px),radial-gradient(circle at 48% 11%,#ffffff52 0 .8px,#0000 1.4px),radial-gradient(circle at 76% 24%,#fff9 0 1px,#0000 1.5px),radial-gradient(circle at 88% 18%,#ffffff47 0 .8px,#0000 1.4px),radial-gradient(circle at 62% 68%,#ffffff59 0 1px,#0000 1.5px),radial-gradient(circle at 12% 78%,#ffffff47 0 1px,#0000 1.5px),radial-gradient(circle at 84% 74%,#ffffff6b 0 .9px,#0000 1.5px)}.topbar,.content{z-index:1;position:relative}.topbar{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:20px;padding:22px clamp(18px,4vw,40px);display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-badge{background:0 0;border:none;border-radius:0;flex:none;justify-content:center;align-items:center;width:auto;height:auto;padding:0;display:flex;overflow:visible}.brand-badge img{object-fit:contain;width:52px;height:52px;padding:0;display:block}.brand h1,.hero-card h2,.client-card h2,.client-page-title,.download-card h3,.gate-panel h2{font-family:var(--font-display)}.brand h1{color:#fff;margin:0;font-size:clamp(1.1rem,2vw,1.55rem);font-weight:500}.brand small,.client-card p,.video-meta,.gate-copy,.page-note{color:var(--muted)}.content{width:min(1120px,100% - 24px);margin:0 auto;padding:24px 0 56px}.hero-card,.client-card,.gate-panel,.download-card,.client-page-shell{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card{border-radius:var(--radius-xl);margin-bottom:18px;padding:clamp(20px,4vw,34px)}.hero-card h2{color:#fff;max-width:12ch;margin:0;font-size:clamp(2rem,4.8vw,3.6rem);line-height:1}.search-wrap{max-width:320px;margin-top:18px}.search-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;outline:none;width:100%;min-height:46px;padding:0 16px}.search-input::placeholder{color:#ffffff73}.cards-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;display:grid}.client-card{border-radius:var(--radius-lg);text-align:left;color:#fff;width:100%;min-height:240px;padding:22px;position:relative;overflow:hidden}.client-card:before{content:"";filter:blur(6px);background:radial-gradient(circle,#ffffff14,#0000 62%);width:220px;height:220px;position:absolute;inset:auto -40px -40px auto}.client-top,.download-meta,.page-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.pill,.date-pill{color:#fff;letter-spacing:.04em;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:.82rem;display:inline-flex}.client-card h2{color:#fff;margin:42px 0 10px;font-size:1.65rem;line-height:1.05}.client-card p{color:#ffffffdb;margin:0;font-size:.98rem}.open-link{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;min-height:46px;margin-top:34px;padding:0 18px;display:inline-flex}.gate-screen,.client-page{z-index:9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#000000c2;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.gate-panel,.client-page-shell{border-radius:30px;width:min(760px,100%);padding:clamp(22px,4vw,34px);position:relative}.close-button,.back-button,.unlock-button,.download-button{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;min-height:46px;padding:0 16px}.close-button{width:46px;padding:0;font-size:1.1rem;position:absolute;top:14px;right:14px}.gate-panel h2,.client-page-title{color:#fff;margin:0 0 10px;font-size:clamp(1.9rem,4vw,3rem)}.gate-copy,.page-note{margin:0;line-height:1.6}.gate-form{gap:12px;margin-top:18px;display:grid}.gate-form label{color:#fff;font-size:.92rem}.gate-form input{color:#fff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;outline:none;min-height:54px;padding:0 16px}.gate-form input::placeholder{color:#fff6}.message{color:#ffffffb8;min-height:1.4em;font-size:.94rem}.page-head{align-items:start;margin-bottom:18px}.client-page-shell{max-height:calc(100vh - 36px);overflow:auto}.download-grid{gap:16px;margin-top:18px;display:grid}.download-card{border-radius:22px;padding:18px}.download-card h3{color:#fff;margin:0 0 8px;font-size:1.3rem}.download-meta{flex-wrap:wrap;margin-top:18px}.video-frame{aspect-ratio:16/9;background:#000;border:0;border-radius:18px;width:100%;margin-top:14px}@media (width<=960px){.cards-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.cards-row{grid-template-columns:1fr}.page-head,.download-meta,.client-top{flex-direction:column;align-items:flex-start}.hero-card h2{max-width:12ch}}
