:root{--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Consolas", monospace;--bg:#050507;--surface:#ffffff08;--surface-raised:#ffffff0d;--border:#ffffff0f;--border-hover:#ffffff1f;--text-primary:#f0f0f5;--text-secondary:#8b8fa3;--text-tertiary:#505468;--accent:#00f5a0;--accent-secondary:#00d4ff;--accent-glow:#00f5a026;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:24px}.landing{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.landing-bg{position:absolute;inset:0;overflow:hidden}.landing-gradient{filter:blur(120px);opacity:0;will-change:transform;border-radius:50%;transition:opacity 1.5s;position:absolute}.landing--mounted .landing-gradient{opacity:1}.landing-gradient--1{background:radial-gradient(circle,#00f5a01f 0%,#0000 70%);width:800px;height:800px;animation:20s ease-in-out infinite meshFloat1;top:-20%;left:-10%}.landing-gradient--2{background:radial-gradient(circle,#00d4ff1a 0%,#0000 70%);width:600px;height:600px;animation:25s ease-in-out infinite meshFloat2;bottom:-15%;right:-5%}.landing-gradient--3{background:radial-gradient(circle,#a882ff0f 0%,#0000 70%);width:500px;height:500px;animation:18s ease-in-out infinite meshFloat3;top:40%;left:50%;transform:translate(-50%)}@keyframes meshFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(80px,40px)scale(1.1)}66%{transform:translate(-40px,80px)scale(.95)}}@keyframes meshFloat2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-60px,-30px)scale(1.05)}66%{transform:translate(40px,-60px)scale(.9)}}@keyframes meshFloat3{0%,to{transform:translate(-50%)translate(0)scale(1)}50%{transform:translate(-50%)translate(30px,-40px)scale(1.1)}}.landing-noise{pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");background-repeat:repeat;position:absolute;inset:0}.landing-grid{z-index:1;background-image:radial-gradient(#ffffff08 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50%,#000 20%,#0000 70%);mask-image:radial-gradient(60% 50%,#000 20%,#0000 70%)}.landing-main{z-index:2;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:580px;padding:48px 24px;display:flex;position:relative}.landing-badge{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);opacity:0;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 16px;font-size:10px;font-weight:500;animation:.8s .2s forwards fadeUp;display:inline-flex;transform:translateY(10px)}.landing-badge-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;animation:3s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1;box-shadow:0 0 8px var(--accent-glow)}50%{opacity:.5;box-shadow:0 0 16px var(--accent-glow)}}.landing-h1{letter-spacing:-.035em;color:var(--text-primary);opacity:0;margin-bottom:20px;font-size:clamp(36px,7vw,64px);font-weight:800;line-height:1.05;animation:.8s .35s forwards fadeUp;transform:translateY(16px)}.landing-h1-accent{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-secondary) 50%, #a882ff 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.landing-sub{color:var(--text-secondary);opacity:0;max-width:460px;margin-bottom:36px;font-size:16px;font-weight:400;line-height:1.65;animation:.8s .5s forwards fadeUp;transform:translateY(16px)}.landing-pillars{opacity:0;align-items:center;gap:24px;margin-bottom:40px;animation:.8s .65s forwards fadeUp;display:flex;transform:translateY(16px)}.landing-pillar{flex-direction:column;align-items:center;gap:6px;display:flex}.landing-pillar-icon{background:var(--surface);border:1px solid var(--border);width:36px;height:36px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:2px;display:flex}.landing-pillar-label{color:var(--text-primary);letter-spacing:-.01em;font-size:13px;font-weight:600}.landing-pillar-desc{color:var(--text-tertiary);font-size:11px}.landing-pillar-sep{background:var(--border);width:1px;height:40px}@media (max-width:480px){.landing-pillars{gap:16px}.landing-pillar-desc{display:none}}.landing-auth{opacity:0;width:100%;max-width:400px;margin-bottom:36px;animation:.8s .8s forwards fadeUp;position:relative;transform:translateY(16px)}.landing-auth-glow{border-radius:var(--radius-xl);filter:blur(1px);z-index:-1;background:linear-gradient(135deg,#00f5a01a,#00d4ff0d,#a882ff0d);position:absolute;inset:-1px}.landing-auth-inner{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);background:#0a0a12b3;border:1px solid #ffffff0f;padding:28px}.landing-auth-tabs{border-radius:var(--radius-sm);background:#ffffff08;gap:2px;margin-bottom:22px;padding:3px;display:flex}.landing-auth-tab{color:var(--text-tertiary);border-radius:6px;flex:1;padding:9px 0;font-size:13px;font-weight:500;transition:all .2s}.landing-auth-tab--active{color:var(--text-primary);background:#ffffff0f}.landing-auth-tab:hover:not(.landing-auth-tab--active){color:var(--text-secondary)}.landing-auth-form{flex-direction:column;gap:14px;display:flex}.landing-field{flex-direction:column;gap:5px;display:flex}.landing-label{color:var(--text-secondary);padding-left:2px;font-size:12px;font-weight:500}.landing-input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:#ffffff08;outline:none;padding:11px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.landing-input:focus{border-color:#00f5a040;box-shadow:0 0 0 3px #00f5a00f}.landing-input::placeholder{color:var(--text-tertiary)}.landing-submit{border-radius:var(--radius-sm);color:#050507;background:linear-gradient(135deg, var(--accent), var(--accent-secondary));justify-content:center;align-items:center;width:100%;min-height:44px;margin-top:4px;padding:12px;font-size:14px;font-weight:600;transition:all .25s;display:flex;position:relative}.landing-submit:hover{transform:translateY(-1px);box-shadow:0 4px 24px #00f5a033,0 0 0 1px #00f5a026}.landing-submit:active{transform:translateY(0)}.landing-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.landing-submit-loading{border:2px solid #05050733;border-top-color:#050507;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.landing-auth-error{color:#ff6b6b;border-radius:var(--radius-sm);background:#ff6b6b0f;border:1px solid #ff6b6b1f;margin-bottom:6px;padding:10px 14px;font-size:13px}.landing-trust{color:var(--text-tertiary);opacity:0;align-items:center;gap:12px;margin-bottom:16px;font-size:12px;animation:.8s .95s forwards fadeUp;display:flex}.landing-trust-dot{background:var(--text-tertiary);border-radius:50%;flex-shrink:0;width:3px;height:3px}@media (max-width:540px){.landing-trust{flex-direction:column;gap:4px}.landing-trust-dot{display:none}}.landing-disclaimer{color:var(--text-tertiary);opacity:0;font-size:11px;animation:.8s 1.1s forwards fadeUp}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}