:root{--primary: #1d4eed;--primary-hover: #1e40af;--primary-light: rgba(29, 78, 216, .12);--primary-glow: rgba(29, 78, 216, .08);--bg: #020617;--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--text: #f8fafc;--muted: #94a3b8;--muted-light: #cbd5e1;--font-main: "Space Grotesk", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,#root{min-height:100vh;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-main);overflow-x:hidden;-webkit-font-smoothing:antialiased;cursor:none}::selection{background:#1d4ed840;color:var(--text)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1d4ed84d;border-radius:2px}.app-shell{position:relative;min-height:100vh}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:drift 25s infinite alternate ease-in-out}.orb-1{width:700px;height:700px;background:radial-gradient(circle,rgba(29,78,216,.18) 0%,transparent 65%);top:-200px;left:-200px;animation-duration:20s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 65%);bottom:-150px;right:-100px;animation-duration:28s;animation-delay:-8s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 65%);top:45%;left:55%;animation-duration:35s;animation-delay:-15s}.grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:80px 80px}.grid-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 30%,var(--bg) 100%)}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(60px,40px) scale(1.08)}}#cursor-glow{position:fixed;width:320px;height:320px;background:radial-gradient(circle,rgba(29,78,216,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:opacity .4s ease}#cursor-dot{position:fixed;width:6px;height:6px;background:#3b82f6;border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);box-shadow:0 0 10px #3b82f6;transition:transform .1s ease}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 2.5rem;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,rgba(2,6,23,.9) 0%,transparent 100%)}.topbar.scrolled{background:#020617d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.logo{display:flex;align-items:center;gap:.75rem;font-weight:800;font-size:1.6rem;letter-spacing:-.04em;color:var(--text);text-decoration:none}.logo-icon{width:48px;height:48px;flex-shrink:0}.bottom-logo-wrap{display:flex;justify-content:center;padding:2rem 0;margin-top:2rem}.bottom-logo-wrap .logo{font-size:2.5rem}.bottom-logo-wrap .logo-icon{width:64px;height:64px}.page{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 1.5rem 2rem;text-align:center}.mystery-pill{display:inline-flex;align-items:center;gap:.6rem;background:var(--primary-light);border:1px solid rgba(29,78,216,.25);border-radius:99px;padding:.5rem 1.25rem;font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#93c5fd;margin-bottom:2.5rem;opacity:0;animation:riseIn .8s ease forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pulse-dot{width:6px;height:6px;background:#22d3ee;border-radius:50%;animation:pulse 1.8s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}.hero-headline{--hero-progress: 0;font-weight:800;font-size:clamp(3.5rem,13vw,9.5rem);line-height:.95;letter-spacing:-.05em;color:var(--text);margin-bottom:2rem;opacity:0;animation:riseIn .9s cubic-bezier(.16,1,.3,1) forwards .15s;perspective:900px;overflow:visible}.hero-word{display:block;transform-style:preserve-3d;will-change:transform;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s ease}.hero-word-left{transform:translate3d(calc(var(--hero-progress) * -16vw),0,0) rotateY(calc(var(--hero-progress) * -12deg))}.hero-word-right{transform:translate3d(calc(var(--hero-progress) * 16vw),0,0) rotateY(calc(var(--hero-progress) * 12deg))}.hero-headline:hover .hero-word-left{transform:translate3d(calc(var(--hero-progress) * -16vw),0,0) rotateX(12deg) rotateY(calc((var(--hero-progress) * -12deg) - 6deg));filter:drop-shadow(0 18px 35px rgba(29,78,216,.18))}.hero-headline:hover .hero-word-right{transform:translate3d(calc(var(--hero-progress) * 16vw),0,0) rotateX(-12deg) rotateY(calc((var(--hero-progress) * 12deg) + 6deg));filter:drop-shadow(0 18px 35px rgba(96,165,250,.22))}.hero-headline .accent{background:linear-gradient(135deg,#60a5fa,#1d4eed 60%,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.teaser-block{max-width:560px;margin:0 auto 1rem;opacity:0;animation:riseIn .9s ease forwards .3s}.teaser-line{font-size:clamp(1rem,2.2vw,1.2rem);font-weight:300;color:var(--muted-light);line-height:1.7;margin-bottom:.4rem}.teaser-line strong{color:var(--text);font-weight:500}.clue-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin:2.5rem 0 3.5rem;opacity:0;animation:riseIn .9s ease forwards .5s}.clue-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;padding:1rem 1.4rem;font-size:.8rem;color:var(--muted-light);font-weight:400;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .3s,color .3s,transform .3s;cursor:default;position:relative;overflow:hidden}.clue-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(29,78,216,.05),transparent);opacity:0;transition:opacity .3s}.clue-card:hover{border-color:#1d4ed84d;color:var(--text);transform:translateY(-4px)}.clue-card:hover:before{opacity:1}.clue-icon{display:flex;align-items:center;justify-content:center;min-height:32px;color:#f8fafcdb;margin-bottom:.45rem;opacity:.9;filter:drop-shadow(0 0 12px rgba(255,255,255,.08))}.clue-icon svg{stroke:currentColor}.countdown-label{font-size:.65rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:1.2rem;opacity:0;animation:riseIn .9s ease forwards .65s}.countdown{display:flex;gap:1rem;justify-content:center;margin-bottom:4rem;opacity:0;animation:riseIn .9s ease forwards .8s}.cd-unit{display:flex;flex-direction:column;align-items:center;gap:.5rem}.cd-box{font-weight:700;font-size:clamp(1.8rem,5vw,3.2rem);color:var(--text);background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.25rem .9rem;min-width:90px;border-radius:20px;transition:border-color .4s,transform .3s,background .3s}.cd-box:hover{border-color:#1d4ed880;background:#ffffff0d;transform:translateY(-6px);box-shadow:0 10px 30px #0000004d,0 0 20px #1d4ed81a}.cd-lbl{font-size:.6rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.divider{width:1px;height:40px;background:linear-gradient(to bottom,transparent,rgba(29,78,216,.4),transparent);margin:0 .5rem;align-self:center}.form-wrap{width:100%;max-width:480px;opacity:0;animation:riseIn .9s ease forwards 1s}.form-row{display:flex;background:#ffffff08;border:1px solid var(--glass-border);border-radius:16px;padding:5px;margin-bottom:.75rem;transition:border-color .3s,box-shadow .3s}.form-row:focus-within{border-color:#1d4ed873;box-shadow:0 0 0 3px #1d4ed814}.form-row input{flex:1;background:transparent;border:none;color:var(--text);font-weight:500;font-size:.95rem;padding:.9rem 1.2rem;outline:none}.form-row input::placeholder{color:var(--muted)}.form-row button{background:var(--primary);color:#fff;font-weight:700;font-size:.85rem;letter-spacing:.01em;padding:.8rem 1.75rem;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap;box-shadow:0 4px 15px #1d4ed833}.form-row button:hover{background:var(--primary-hover);box-shadow:0 8px 25px #1d4ed866;transform:translateY(-2px)}.form-row button:active{transform:translateY(0) scale(.98)}.form-row button:disabled{opacity:.7;cursor:not-allowed}.form-hint{font-size:.75rem;color:var(--muted);margin-bottom:2.5rem}.success-box{background:#1d4ed814;border:1px solid rgba(29,78,216,.2);border-radius:16px;padding:1.5rem;color:#93c5fd;font-size:1rem;margin-bottom:3rem;animation:riseIn .5s ease forwards}.success-box strong{color:var(--text);display:block;margin-bottom:.3rem}.details-section,.flow-section,.signal-section{width:100%;max-width:1040px;opacity:0;animation:riseIn .9s ease forwards 1.05s}.details-section{margin:2.5rem auto 0;padding:3.5rem 0 0}.section-kicker{margin-bottom:.8rem;color:#93c5fd;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.details-section h2,.flow-copy h2{max-width:720px;margin:0 auto;color:var(--text);font-size:clamp(2rem,5vw,3.6rem);font-weight:800;line-height:1;letter-spacing:-.04em}.section-copy{max-width:660px;margin:1rem auto 0;color:var(--muted-light);font-size:1rem;line-height:1.8}.pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-top:2rem}.pillar-card,.signal-item,.step-item{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pillar-card{min-height:220px;border-radius:14px;padding:1.35rem;text-align:left;transition:border-color .3s,transform .3s,background .3s}.pillar-card:hover,.signal-item:hover,.step-item:hover{border-color:#1d4ed859;background:#ffffff0b;transform:translateY(-4px)}.pillar-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:1rem;border-radius:12px;color:#93c5fd;background:#1d4ed81f;border:1px solid rgba(29,78,216,.22)}.pillar-card h3,.signal-item h3{color:var(--text);font-size:1rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.65rem}.pillar-card p,.signal-item p,.step-item p{color:var(--muted-light);font-size:.86rem;line-height:1.65}.flow-section{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:2rem;align-items:center;margin:4rem auto 0;text-align:left}.flow-copy h2,.flow-copy .section-copy{margin-left:0;margin-right:0}.step-rail{display:grid;gap:.75rem}.step-item{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;min-height:76px;border-radius:14px;padding:1rem 1.1rem;transition:border-color .3s,transform .3s,background .3s}.step-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:var(--text);background:var(--primary);font-size:.82rem;font-weight:800;box-shadow:0 0 18px #1d4ed840}.signal-item svg{color:#60a5fa;flex-shrink:0}.signal-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:3.25rem auto 3rem;animation-delay:1.15s}.signal-item{display:flex;gap:1rem;align-items:flex-start;min-height:150px;border-radius:14px;padding:1.25rem;text-align:left;transition:border-color .3s,transform .3s,background .3s}.socials{display:flex;gap:.75rem;justify-content:center;opacity:0;animation:riseIn .9s ease forwards 1.2s}.soc-link{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;color:var(--muted-light);text-decoration:none;transition:all .3s ease}.soc-link:hover{color:#60a5fa;border-color:#1d4ed866;transform:translateY(-3px);background:#1d4ed80f}.soc-link svg{width:18px;height:18px;fill:currentColor}footer{position:relative;z-index:50;padding:2rem 1.2rem 3rem;display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:.6}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.topbar{padding:1rem 1.25rem}.hero-headline{font-size:clamp(3rem,18vw,5rem)}.clue-row{flex-direction:column;align-items:stretch;gap:1rem}.clue-card{width:100%;max-width:100%;padding:.8rem 1rem}.cd-box{min-width:68px;padding:.9rem .5rem;font-size:1.6rem;border-radius:14px}.form-row{flex-direction:column;background:transparent;border:none;padding:0;gap:.6rem}.form-row input{background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;padding:.9rem 1rem}.form-row input:focus{border-color:#1d4ed873;outline:none}.form-row button{border-radius:12px;padding:.9rem;width:100%}.details-section{padding-top:2.5rem}.details-section h2,.flow-copy h2{font-size:clamp(2rem,11vw,3rem)}.pillar-grid,.signal-section{grid-template-columns:1fr}.pillar-card{min-height:auto;padding:1.5rem;text-align:left}.pillar-card p,.signal-item p,.step-item p{font-size:.95rem;line-height:1.65}.pillar-card h3,.signal-item h3{font-size:1.05rem}.flow-section{grid-template-columns:1fr;gap:1.5rem;margin-top:3rem;text-align:center}.flow-copy h2,.flow-copy .section-copy{margin-left:auto;margin-right:auto}.step-item{grid-template-columns:auto 1fr;text-align:left}.signal-section{margin-bottom:3.25rem}.signal-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:1rem;align-items:flex-start;min-height:auto;padding:1.4rem}.signal-item svg{width:28px;height:28px;margin-top:.1rem}.signal-item h3{margin-bottom:.55rem}.countdown{gap:.6rem}.divider{display:none}footer{flex-direction:column;gap:.5rem;text-align:center}.popup{top:12px;left:12px;right:12px;animation:slideInMobile .4s cubic-bezier(.16,1,.3,1)}.popup-content{width:100%;justify-content:space-between;padding:14px 18px;box-shadow:0 10px 30px #00000080}}@keyframes slideInMobile{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.popup{position:fixed;top:20px;right:20px;z-index:9999;animation:slideIn .3s ease}.popup-content{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 16px;border-radius:10px;color:#fff;font-weight:500;min-width:280px}.popup-text-wrap{display:flex;align-items:center;gap:12px}.popup.success .popup-content{background:#16a34a}.popup.error .popup-content{background:#dc2626}.popup.info .popup-content{background:#2563eb}.popup button{background:transparent;border:none;color:#fff;opacity:.8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .2s ease}.popup button:hover{opacity:1;background:#ffffff26}@keyframes slideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}