:root{--bg: #05040e;--ink: #ecebff;--muted: #9d9ac4;--indigo: #6d5cff;--violet: #b45cff;--cyan: #4fd8ff;--edge: rgba(160, 150, 255, .16);--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:ui-sans-serif,-apple-system,Segoe UI,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;cursor:none}@media(hover:none),(pointer:coarse){body{cursor:auto}.cursor,.cursor-ring{display:none}}#gl{position:fixed;inset:0;width:100%;height:100%;z-index:-2;display:block}.scrim{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(125% 80% at 50% 5%,#05040e0d,#05040e9e 80%),linear-gradient(180deg,#05040e4d,#05040e1f 40%,#05040e99)}.grain{position:fixed;inset:-50%;z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .7s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}50%{transform:translate(-3%,2%)}to{transform:translate(2%,-3%)}}.cursor,.cursor-ring{position:fixed;top:0;left:0;z-index:50;pointer-events:none;border-radius:50%;mix-blend-mode:screen}.cursor{width:7px;height:7px;margin:-3.5px 0 0 -3.5px;background:#fff}.cursor-ring{width:42px;height:42px;margin:-21px 0 0 -21px;border:1px solid rgba(180,170,255,.55);background:radial-gradient(circle,rgba(109,92,255,.22),transparent 70%);transition:width .35s var(--ease),height .35s var(--ease),margin .35s var(--ease),border-color .35s var(--ease)}.cursor-ring.hot{width:76px;height:76px;margin:-38px 0 0 -38px;border-color:#4fd8ffbf}main{position:relative;max-width:1080px;margin:0 auto;padding:0 24px 140px}section{position:relative}.brand-mark{position:fixed;top:28px;left:28px;z-index:5;display:block;line-height:0;opacity:.92;transition:opacity .2s var(--ease),transform .2s var(--ease)}.brand-mark:hover{opacity:1;transform:scale(1.05)}.brand-mark img{display:block;width:34px;height:34px}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:26px;padding:100px 0}.hero-logo{width:min(360px,60vw);height:auto;display:block}.eyebrow{font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--muted)}.title{font-size:clamp(2.6rem,8.4vw,6.2rem);line-height:.98;font-weight:600;letter-spacing:-.04em;max-width:15ch;color:#f4f2ff}.title .char{text-shadow:0 0 42px rgba(120,100,255,.45)}.sub{font-size:clamp(1rem,1.9vw,1.22rem);line-height:1.65;color:var(--muted);max-width:52ch}.scroll-hint{display:inline-flex;align-items:center;gap:10px;width:fit-content;margin-top:10px;padding:13px 22px;border:1px solid var(--edge);border-radius:999px;color:var(--ink);text-decoration:none;font-size:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff05;transition:border-color .4s var(--ease),transform .4s var(--ease),background .4s var(--ease)}.scroll-hint:hover{transform:translateY(-2px);border-color:#6d5cffb3;background:#6d5cff1a}.scroll-hint svg{animation:bob 2.2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;padding:60px 0 120px}.step{padding:30px 26px 34px;border:1px solid var(--edge);border-radius:20px;background:linear-gradient(160deg,#ffffff0b,#ffffff03);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .5s var(--ease),border-color .5s var(--ease)}.step:hover{transform:translateY(-6px);border-color:#6d5cff80}.step .num{font-size:12px;letter-spacing:.3em;color:var(--indigo)}.step h3{margin:14px 0 10px;font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.step p{color:var(--muted);line-height:1.6;font-size:.95rem}.claim{padding-bottom:40px}.card{position:relative;padding:46px clamp(24px,4vw,52px) 52px;border:1px solid var(--edge);border-radius:28px;background:linear-gradient(155deg,#141030b8,#080618b8);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);overflow:hidden;transform-style:preserve-3d;transition:transform .35s var(--ease)}.card-glow{position:absolute;width:420px;height:420px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(109,92,255,.3),transparent 65%);filter:blur(20px);opacity:0;transition:opacity .5s var(--ease);left:0;top:0}.card:hover .card-glow{opacity:1}.card h2{font-size:clamp(1.7rem,4vw,2.6rem);font-weight:600;letter-spacing:-.03em;margin-bottom:34px}form{display:flex;flex-direction:column;gap:22px}.field{position:relative;display:block}.field input,.field.area textarea{width:100%;padding:26px 16px 12px;font-size:1.05rem;color:var(--ink);background:#ffffff0b;border:1px solid rgba(160,150,255,.24);border-radius:14px;outline:none;font-family:inherit;transition:background .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)}.field input:hover,.field.area textarea:hover{background:#ffffff12;border-color:#a096ff6b}.field input:focus,.field.area textarea:focus{background:#ffffff14;border-color:#6d5cffd9;box-shadow:0 0 0 4px #6d5cff29}.field .label{position:absolute;left:17px;top:19px;color:var(--muted);font-size:1rem;pointer-events:none;transition:transform .45s var(--ease),font-size .45s var(--ease),color .45s var(--ease);transform-origin:left}.field input:focus+.label,.field input:not(:placeholder-shown)+.label{transform:translateY(-11px);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}.field .line{position:absolute;left:16px;bottom:0;height:2px;width:calc(100% - 32px);border-radius:2px;background:linear-gradient(90deg,var(--indigo),var(--violet),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}.field input:focus~.line{transform:scaleX(1)}.field.bad input{border-color:#ff6b8b;box-shadow:0 0 0 4px #ff6b8b21}.drop{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 20px;border-radius:18px;border:1px dashed rgba(160,150,255,.28);color:var(--muted);text-align:center;outline:none;transition:border-color .4s var(--ease),background .4s var(--ease),transform .4s var(--ease);overflow:hidden}.drop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(109,92,255,.18),transparent 55%);opacity:0;transition:opacity .4s var(--ease);pointer-events:none}.drop:hover:after,.drop:focus-visible:after{opacity:1}.drop.over{border-color:var(--cyan);background:#4fd8ff12;transform:scale(1.015)}.drop.has-file{border-style:solid;border-color:#6d5cffb3;color:var(--ink)}.drop-icon{color:var(--indigo);transition:transform .5s var(--ease)}.drop:hover .drop-icon{transform:translateY(-3px)}.drop-text{font-size:.98rem}.drop-text em{font-style:normal;color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.drop-hint{font-size:.78rem;opacity:.6}.submit{position:relative;padding:17px 26px;font-size:1rem;font-weight:600;font-family:inherit;color:#0a0720;border:none;border-radius:14px;cursor:none;overflow:hidden;background:linear-gradient(96deg,#8f7bff,#c07bff 45%,#6ae0ff);background-size:200% 100%;transition:transform .35s var(--ease),background-position .9s var(--ease),opacity .3s}.submit:hover{transform:translateY(-2px);background-position:100% 0}.submit:active{transform:translateY(0) scale(.99)}.submit[disabled]{opacity:.55;pointer-events:none}.submit-sheen{position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-18deg);animation:sheen 3.6s var(--ease) infinite}@keyframes sheen{0%,62%{left:-60%}to{left:130%}}.status{min-height:18px;font-size:.85rem;color:#ff8fa5}.status.info{color:var(--muted)}.done{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px;text-align:center;background:linear-gradient(155deg,#141030f0,#080618f5);opacity:0;pointer-events:none;transform:scale(1.04);transition:opacity .6s var(--ease),transform .6s var(--ease)}.done.on{opacity:1;transform:scale(1);pointer-events:auto}.done h3{font-size:1.7rem;font-weight:600;letter-spacing:-.02em}.done p{color:var(--muted);max-width:34ch;line-height:1.6}.tick{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;color:#0a0720;background:linear-gradient(96deg,#8f7bff,#6ae0ff);box-shadow:0 0 #6d5cff80}.done.on .tick{animation:pulse 1.6s var(--ease) .2s 2}.done.on .tick svg{stroke-dasharray:30;stroke-dashoffset:30;animation:draw .7s var(--ease) .25s forwards;width:30px;height:30px}@keyframes draw{to{stroke-dashoffset:0}}@keyframes pulse{0%{box-shadow:0 0 #6d5cff80}to{box-shadow:0 0 0 34px #6d5cff00}}.fineprint{margin-top:22px;font-size:.8rem;color:var(--muted);text-align:center;opacity:.75}.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.in{opacity:1;transform:none}.char{display:inline-block;opacity:0;transform:translateY(.42em) rotateX(-72deg) scale(.92);filter:blur(9px);transform-origin:50% 100%;transition:opacity .85s var(--ease),transform .95s var(--ease),filter .85s var(--ease)}.char.in{opacity:1;transform:none;filter:none}@media(prefers-reduced-motion:reduce){.grain,.submit-sheen,.scroll-hint svg{animation:none}.reveal,.char{opacity:1;transform:none;filter:none;transition:none}}.wall{margin:0 calc(50% - 50vw) 20px;padding:34px 0 44px;display:flex;flex-direction:column;gap:18px;overflow:visible;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.wall-row{display:flex;flex:0 0 auto;gap:14px;width:max-content;animation:slide 64s linear infinite}.wall-row.rev{animation-direction:reverse;animation-duration:82s;opacity:.62}.wall:hover .wall-row{animation-play-state:paused}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.poster{position:relative;flex:0 0 auto;width:128px;aspect-ratio:2 / 3;border-radius:12px;border:1px solid rgba(255,255,255,.09);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:10px;box-shadow:0 18px 40px #00000073;transition:transform .6s var(--ease),box-shadow .6s var(--ease),filter .6s var(--ease);filter:saturate(.9)}.poster:nth-child(odd){transform:rotate(-1.1deg)}.poster:nth-child(3n){transform:rotate(1.4deg)}.poster:hover{transform:translateY(-10px) scale(1.05) rotate(0);filter:saturate(1.2);box-shadow:0 26px 60px #503cdc80}.poster .art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.poster .shade{position:absolute;inset:0;background:linear-gradient(180deg,#04030e80,#04030e00 34%,#04030ee0)}.poster .kind{position:absolute;top:8px;left:8px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;padding:3px 7px;border-radius:999px;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffd9}.poster .seen{position:absolute;top:8px;right:8px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;color:#0a0720;background:linear-gradient(96deg,#8f7bff,#6ae0ff);font-size:10px;font-weight:700}.poster .meta{position:relative;z-index:1;margin-top:3px;font-size:9px;letter-spacing:.1em;color:#ffffffd9;text-shadow:0 1px 6px rgba(0,0,0,.8)}.poster .bar{position:relative;z-index:1;margin-top:7px;height:3px;border-radius:3px;background:#ffffff2e;overflow:hidden}.poster .bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#8f7bff,#6ae0ff)}.wish{border:none}.wish legend{padding:0 0 14px;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.wish-hint{margin:-6px 0 16px;font-size:.85rem;line-height:1.55;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.chip{position:relative;padding:9px 15px;font-size:.86rem;font-family:inherit;color:var(--muted);background:#ffffff08;border:1px solid var(--edge);border-radius:999px;cursor:none;overflow:hidden;transition:color .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease),background .35s var(--ease)}.chip:hover{transform:translateY(-2px);border-color:#6d5cff99;color:var(--ink)}.chip[aria-pressed=true]{color:#0a0720;border-color:transparent;background:linear-gradient(96deg,#8f7bff,#6ae0ff)}.field.area textarea{padding-top:32px;line-height:1.55;resize:vertical}.field.area textarea:focus+.label,.field.area textarea:not(:placeholder-shown)+.label{transform:translateY(-11px);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}.field.area textarea:focus~.line{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){.wall-row{animation:none}}.foot{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:center;margin-top:46px;font-size:.8rem;color:var(--muted);text-align:center}.foot a{color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(160,150,255,.35);padding-bottom:1px;transition:color .35s var(--ease),border-color .35s var(--ease)}.foot a:hover{color:var(--cyan);border-color:var(--cyan)}
