*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}html{scrollbar-width:none}body{font-family:Outfit,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;overflow:auto;scrollbar-width:none}body::-webkit-scrollbar,*::-webkit-scrollbar{display:none;width:0;height:0}:root{--bg: #0f172a;--surface: #1e293b;--border: rgba(148, 163, 184, .2);--accent: #38bdf8;--accent-dim: #0ea5e9;--text: #f8fafc;--text-muted: #94a3b8}.navbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:center;min-height:4rem;padding:0 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.navbar__brand{display:inline-flex;align-items:center;gap:.625rem;text-decoration:none;color:inherit;transition:opacity .2s}.navbar__brand:hover{opacity:.9}.navbar__icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;font-size:1.25rem;line-height:1;border-radius:10px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dim) 100%);color:var(--bg)}.navbar__icon img{width:1.5rem;height:1.5rem;object-fit:contain;display:block}.navbar__wordmark{font-size:1.375rem;font-weight:700;letter-spacing:-.03em;line-height:1}.navbar__wordmark--snap{color:var(--text)}.navbar__wordmark--plus{color:var(--accent);margin-left:.05em}.hero-heading{font-size:clamp(1.8rem,5vw,2.6rem);font-weight:800;letter-spacing:-.04em;text-align:center;background:linear-gradient(135deg,#e2e8f0 0%,var(--accent) 50%,var(--accent-dim) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;max-width:26rem;margin:0 auto;padding:0 .5rem}.phone-login{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.75rem;text-align:center;min-height:calc(100vh - 4rem);padding:1.5rem;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(56,189,248,.12),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(56,189,248,.06),transparent),radial-gradient(ellipse 60% 40% at 0% 50%,rgba(56,189,248,.06),transparent)}.phone-login__card{width:100%;max-width:23rem;padding:2rem;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 48px #0006}.phone-login__badge{display:inline-flex;align-items:center;gap:.375rem;padding:.35rem .65rem;margin-bottom:1.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--bg);background:#38bdf833;border:1px solid rgba(56,189,248,.35);border-radius:8px}.phone-login__flag{width:1rem;height:1rem;object-fit:contain;display:block}.phone-login__title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text);margin-bottom:.5rem}.phone-login__subtitle{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin-bottom:1.75rem}.phone-login__form{display:flex;flex-direction:column;gap:.75rem}.phone-login__field{display:flex;align-items:center;min-height:3.25rem;padding:0 1rem;background:var(--bg);border:1.5px solid var(--border);border-radius:12px;transition:border-color .2s,box-shadow .2s}.phone-login__field--focused{border-color:#38bdf880;box-shadow:0 0 0 3px #38bdf81f}.phone-login__prefix{font-size:1rem;font-weight:600;color:var(--text-muted);margin-right:.5rem;-webkit-user-select:none;user-select:none}.phone-login__input{flex:1;min-width:0;height:3rem;padding:0;font-family:inherit;font-size:1rem;color:var(--text);background:none;border:none;outline:none}.phone-login__input::placeholder{color:var(--text-muted);opacity:.7}.phone-login__hint{font-size:.8rem;color:var(--text-muted);margin:0}.phone-login__submit{height:3.25rem;margin-top:.5rem;font-family:inherit;font-size:1rem;font-weight:600;color:var(--bg);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dim) 100%);border:none;border-radius:12px;cursor:pointer;transition:opacity .2s,transform .1s}.phone-login__submit:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.phone-login__submit:active:not(:disabled){transform:translateY(0)}.phone-login__submit:disabled{opacity:.4;cursor:not-allowed}.sms-verify{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.75rem;text-align:center;min-height:calc(100vh - 4rem);padding:1.5rem;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(56,189,248,.12),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(56,189,248,.06),transparent),radial-gradient(ellipse 60% 40% at 0% 50%,rgba(56,189,248,.06),transparent)}.sms-verify__card{width:100%;max-width:23rem;padding:2rem;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 48px #0006;position:relative}.sms-verify__back{position:absolute;top:1.25rem;left:1.25rem;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:.25rem 0;transition:color .2s}.sms-verify__back:hover{color:var(--accent)}.sms-verify__badge{display:inline-flex;align-items:center;gap:.375rem;padding:.35rem .65rem;margin-bottom:1.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--bg);background:#38bdf833;border:1px solid rgba(56,189,248,.35);border-radius:8px}.sms-verify__icon{width:1rem;height:1rem;object-fit:contain;display:block}.sms-verify__title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text);margin-bottom:.5rem}.sms-verify__subtitle{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin-bottom:1.75rem}.sms-verify__subtitle strong{color:var(--text);font-weight:600}.sms-verify__form{display:flex;flex-direction:column;gap:.75rem}.sms-verify__boxes{display:flex;gap:.5rem;justify-content:center;margin-bottom:.25rem}.sms-verify__box{width:3.5rem;height:3.5rem;font-family:inherit;font-size:1.5rem;font-weight:700;text-align:center;color:var(--text);background:var(--bg);border:2px solid var(--border);border-radius:14px;outline:none;transition:border-color .2s,box-shadow .2s,transform .15s;caret-color:var(--accent)}.sms-verify__box::placeholder{color:var(--text-muted);opacity:.5}.sms-verify__box:focus{border-color:var(--accent);box-shadow:0 0 0 4px #38bdf826;transform:scale(1.02)}.sms-verify__box.filled{border-color:#38bdf866}.sms-verify__hint{font-size:.8rem;color:var(--text-muted);margin:0}.sms-verify__submit{height:3.25rem;margin-top:.5rem;font-family:inherit;font-size:1rem;font-weight:600;color:var(--bg);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dim) 100%);border:none;border-radius:12px;cursor:pointer;transition:opacity .2s,transform .1s}.sms-verify__submit:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.sms-verify__submit:active:not(:disabled){transform:translateY(0)}.sms-verify__submit:disabled{opacity:.4;cursor:not-allowed}.sms-verify__resend{margin-top:1.5rem;font-size:.85rem;color:var(--text-muted);text-align:center}.sms-verify__resend-btn{font-family:inherit;font-size:inherit;font-weight:600;color:var(--accent);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.sms-verify__resend-btn:hover{color:var(--accent-dim)}.waiting{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.75rem;text-align:center;min-height:calc(100vh - 4rem);padding:1.5rem;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(56,189,248,.12),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(56,189,248,.06),transparent),radial-gradient(ellipse 60% 40% at 0% 50%,rgba(56,189,248,.06),transparent)}.waiting__card{width:100%;max-width:23rem;padding:2rem;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 48px #0006}.waiting__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .65rem;margin-bottom:1.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--bg);background:#38bdf833;border:1px solid rgba(56,189,248,.35);border-radius:8px}.waiting__dot{width:.55rem;height:.55rem;border-radius:999px;background:var(--accent);box-shadow:0 0 #38bdf859;animation:waitingPulse 1.2s ease-in-out infinite}@keyframes waitingPulse{0%{box-shadow:0 0 #38bdf859;opacity:1}70%{box-shadow:0 0 0 10px #38bdf800;opacity:1}to{box-shadow:0 0 #38bdf800;opacity:.9}}.waiting__title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text);margin-bottom:.5rem}.waiting__subtitle{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin-bottom:1.25rem}.waiting__subtitle strong{color:var(--text);font-weight:600}.waiting__progress{height:.75rem;border-radius:999px;background:#ffffff0f;overflow:hidden;border:1px solid var(--border);margin-bottom:1rem}.waiting__bar{height:100%;width:45%;background:linear-gradient(90deg,#38bdf840,#38bdf8e6,#38bdf840);animation:waitingBar 1.4s ease-in-out infinite}@keyframes waitingBar{0%{transform:translate(-120%)}to{transform:translate(260%)}}.waiting__hint{font-size:.85rem;color:var(--text-muted);text-align:center;margin:0}.waiting__startover{height:3.25rem;width:100%;margin-top:1.25rem;font-family:inherit;font-size:1rem;font-weight:600;color:var(--text);background:#ffffff0a;border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .2s,transform .1s,background .2s}.waiting__startover:hover{background:#ffffff0f;border-color:#38bdf859;transform:translateY(-1px)}.waiting__startover:active{transform:translateY(0)}@media(min-width:768px){.phone-login,.sms-verify,.waiting{gap:2.25rem}.hero-heading{font-size:clamp(2.1rem,3vw,3rem);max-width:30rem}.phone-login__card,.sms-verify__card,.waiting__card{max-width:25rem;padding:2.25rem}}@media(min-width:1024px){.phone-login__card,.sms-verify__card,.waiting__card{max-width:27rem}}