@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#fff;-webkit-font-smoothing:antialiased}.scene{position:relative;min-height:100dvh;overflow:hidden;background-color:#070612}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.layer{position:absolute;top:0;right:0;bottom:0;left:0}.blob{position:absolute}.cosmic-anim{will-change:transform,opacity}.marquee-wrap{position:absolute;inset-inline:0;top:50%;transform:translateY(-50%);overflow:hidden}.marquee{display:flex;width:max-content;white-space:nowrap}.marquee-text{padding-right:.25em;font-size:13vw;line-height:1;font-weight:900;letter-spacing:-.02em;text-transform:uppercase;color:#ffffff0a}.stage{position:relative;z-index:1;margin:0 auto;display:grid;min-height:100dvh;max-width:1120px;align-items:center;gap:28px;padding:72px 24px 48px}@media (min-width: 1024px){.stage{grid-template-columns:1fr 1fr;gap:48px;padding:48px 40px}}.hero-mobile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;width:100%;max-width:384px;margin:0 auto}.hero-mobile .badge{margin-bottom:4px}.hero-mobile-title{margin:12px 0 0;max-width:none;font-size:1.75rem}.hero-mobile .hero-sub{margin-top:8px;max-width:none}@media (min-width: 1024px){.hero-mobile{display:none}}.brand-mark{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#818cf8,#4f46e5);box-shadow:0 6px 16px -4px #6366f1b3}.brand-mark.lg{width:30px;height:30px;border-radius:9px}.brand-mark.xl{width:38px;height:38px;border-radius:12px}.brand-name{font-weight:650;letter-spacing:-.01em}.brand-name.lg{font-size:18px}.showcase{display:none}@media (min-width: 1024px){.showcase{display:flex;flex-direction:column;gap:30px}}.sc-brand{display:flex;align-items:center;gap:10px}.badge{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;font-weight:500;color:#ffffffb3}.badge-dot{width:6px;height:6px;border-radius:9999px;background:#34d399;box-shadow:0 0 #34d39999;animation:ping 1.8s cubic-bezier(0,0,.2,1) infinite}.hero{margin:20px 0 0;max-width:26rem;font-size:2.6rem;line-height:1.1;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{margin:12px 0 0;max-width:26rem;font-size:15px;line-height:1.6;color:#ffffff8c}.orbit-stage{display:flex;justify-content:center;padding:8px 0}.features{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;list-style:none}.feature{display:flex;align-items:flex-start;gap:12px}.feature-ic{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#a5b4fc}.feature-t{margin:0;font-size:14px;font-weight:600}.feature-d{margin:2px 0 0;font-size:13px;line-height:1.4;color:#ffffff80}.orbital{position:relative;display:grid;place-items:center;width:18rem;height:18rem}.orbit-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background:radial-gradient(circle at 50% 50%,rgba(124,127,245,.32),transparent 62%)}.orbit-ring{position:absolute;border-radius:9999px}.orbit-ring.outer{top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.1)}.orbit-ring.inner{top:1.75rem;right:1.75rem;bottom:1.75rem;left:1.75rem;border:1px solid rgba(255,255,255,.06)}.moon{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:12px;height:12px;border-radius:9999px;background:#a5b4fc;box-shadow:0 0 12px 4px #a5a9fb99}.moon.sm{top:50%;right:-2px;left:auto;transform:translateY(-50%);width:8px;height:8px;background:#c4b5fdcc;box-shadow:0 0 8px 2px #8b5cf680}.planet{position:relative;width:8rem;height:8rem;border-radius:9999px;background:radial-gradient(circle at 35% 30%,#4b4ea8,#211f45 45%,#0c0a1f);box-shadow:inset -12px -10px 30px #0009,0 0 50px #7c7ff540}.planet-hi{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.35),transparent 35%)}.lang{position:absolute;top:20px;right:20px;z-index:20;display:flex;gap:4px;padding:4px;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lang-btn{padding:5px 12px;border:none;background:transparent;border-radius:9999px;font-size:12px;font-weight:500;color:#ffffff8c;cursor:pointer;transition:.15s}.lang-btn:hover{color:#fff}.lang-btn.active{background:#ffffff26;color:#fff}.card-wrap{position:relative;z-index:10;width:100%;max-width:384px;margin:0 auto;animation:rise .5s cubic-bezier(.22,1,.36,1)}.card-aura{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;border-radius:40px;background:radial-gradient(circle at 50% 0%,rgba(124,127,245,.32),transparent 70%)}.card{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%);box-shadow:0 1px #ffffff1a inset,0 40px 90px -30px #000000e6}.card-sheen{position:absolute;inset-inline:0;top:0;height:96px;background:linear-gradient(to bottom,rgba(255,255,255,.1),transparent);pointer-events:none}.card-body{position:relative;padding:40px 32px 28px}.card-head{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;margin-bottom:26px}.logo-badge{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:#ffffff0a;box-shadow:0 10px 30px -8px #7c7ff599}.welcome{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em}.welcome-sub{margin:6px 0 0;font-size:14px;color:#ffffff8c}.form{display:flex;flex-direction:column}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.field>span{font-size:12.5px;font-weight:550;color:#ffffff8c}.field input{width:100%;height:46px;padding:0 14px;font-size:14px;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.field input::placeholder{color:#ffffff4d}.field input:focus{border-color:#6366f1;background:#ffffff12;box-shadow:0 0 0 3px #6366f147}.submit{height:48px;margin-top:6px;font-size:14.5px;font-weight:620;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;cursor:pointer;transition:transform .14s,box-shadow .14s,opacity .14s}.submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 30px -8px #7c7ff5a6}.submit:active:not(:disabled){transform:translateY(0)}.submit:disabled{opacity:.5;cursor:not-allowed}.gbtn{display:flex;align-items:center;justify-content:center;gap:12px;height:48px;width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s,box-shadow .15s,transform .14s}.gbtn:hover{background:#ffffff1f;box-shadow:0 8px 30px -8px #7c7ff599;transform:translateY(-1px)}.gbtn.disabled{opacity:.5;pointer-events:none}.alert{margin-bottom:14px;padding:10px 13px;font-size:13px;border-radius:11px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.alert.warn{background:#eab3081a;border-color:#eab3084d;color:#fcd34d}.divider{display:flex;align-items:center;gap:12px;margin:22px 0 16px}.divider span{height:1px;flex:1;background:#ffffff1a}.divider em{font-style:normal;font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#fff6}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;font-size:11.5px;color:#fff9;white-space:nowrap}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ping{75%,to{box-shadow:0 0 0 8px #34d39900}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes star-drift{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}@keyframes star-twinkle{0%,to{opacity:.45}50%{opacity:1}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes aurora-1{0%,to{transform:translate3d(-8%,-6%,0) scale(1)}50%{transform:translate3d(10%,6%,0) scale(1.25)}}@keyframes aurora-2{0%,to{transform:translate3d(8%,-4%,0) scale(1.15)}50%{transform:translate3d(-9%,9%,0) scale(.92)}}@keyframes aurora-3{0%,to{transform:translate3d(2%,8%,0) scale(1.05)}50%{transform:translate3d(-12%,-8%,0) scale(1.2)}}@keyframes shoot{0%{transform:translateZ(0);opacity:0}4%{opacity:1}15%{transform:translate3d(var(--dx, 320px),var(--dy, 224px),0);opacity:1}20%{transform:translate3d(calc(var(--dx, 320px) * 1.25),calc(var(--dy, 224px) * 1.25),0);opacity:0}to{transform:translate3d(calc(var(--dx, 320px) * 1.25),calc(var(--dy, 224px) * 1.25),0);opacity:0}}@keyframes ship-cruise{0%{transform:translate3d(-16vw,0,0)}to{transform:translate3d(116vw,44px,0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.page{position:relative;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse 100% 80% at 50% 0%,#1a1740,#0c0a22,#070612)}.page .card{width:100%;max-width:400px;padding:40px;text-align:center;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;-webkit-backdrop-filter:blur(28px) saturate(135%);backdrop-filter:blur(28px) saturate(135%);box-shadow:0 40px 90px -30px #000000e6}.page .brand{display:inline-flex;align-items:center;gap:9px;margin-bottom:22px}.page .title{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em}.page .subtitle{margin:8px 0 0;font-size:14px;line-height:1.55;color:#ffffff8c}