:root{--gold:#ffcd82;--gold-light:#ffe0b0;--gold-bright:#ffdaa0;--gold-deep:#e0bc68;--gold-dim:#ffcd822e;--gold-border:#e0bc6866;--gold-glow:#ffcd8273;--sky:#addbff;--sky-soft:#addbff4d;--teal:#0fa69d;--teal-deep:#028183;--cyan:#00d4c6;--teal-dim:#0fa69d1f;--teal-border:#0281834d;--bg:#81817d;--bg-tint:#addbff;--bg-soft:#fff;--bg-elevated:#faf9f6;--surface:#fff;--dark:var(--bg);--dark-2:var(--bg-elevated);--dark-3:var(--bg-soft);--dark-4:var(--bg-soft);--black:#1a2436;--text:#1a2436;--text-2:#52647a;--text-muted:#8595a8;--green:#0fa69d;--green-dim:#0fa69d1f;--red:#d14f4f;--red-dim:#d14f4f1a;--wa-green:#25d366;--border:#dee2e6;--border-strong:#bbc2cc;--radius:16px;--radius-sm:10px;--radius-lg:24px;--shadow-sm:0 1px 3px #1a24361a,0 1px 2px #1a24360f;--shadow:0 6px 22px #1a243624,0 2px 8px #1a243614;--shadow-lg:0 22px 60px #1a243638,0 6px 16px #1a24361a;--shadow-gold:0 8px 24px #ffcd8280}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#addbff 0%,#adbab5 35%,#95938c 70%,#81817d 100%) fixed;min-height:100vh;font-family:DM Sans,sans-serif;overflow-x:hidden}html:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(90% 50% at 20% -8%,#addbff99 0%,#0000 60%),radial-gradient(70% 45% at 95% 6%,#ffcd8252 0%,#0000 60%),radial-gradient(80% 50% at 8% 95%,#00d4c629 0%,#0000 60%),radial-gradient(60% 40% at 95% 95%,#ffcd822e 0%,#0000 60%);position:fixed;inset:0}html:after{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0}#__next,[data-nextjs-root]{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.auth-root{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.auth-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:40px 36px;animation:.45s cubic-bezier(.22,1,.36,1) both auth-card-in}.auth-card-modal{box-shadow:none;background:0 0;border:none;max-width:100%;padding:4px 0 0;animation:none}.auth-brand{align-items:center;gap:10px;margin-bottom:28px;display:flex}.auth-brand-mark{background:linear-gradient(135deg,var(--gold),var(--gold-light));width:30px;height:30px;box-shadow:var(--shadow-gold);border-radius:8px;justify-content:center;align-items:center;display:flex}.auth-brand-mark svg{width:15px;height:15px}.auth-brand-name{letter-spacing:.18em;color:var(--teal-deep);text-transform:uppercase;font-family:Syne,sans-serif;font-size:12px;font-weight:800}.auth-title{color:var(--text);letter-spacing:-.02em;margin-bottom:8px;font-family:Syne,sans-serif;font-size:26px;font-weight:800;line-height:1.18}.auth-sub{color:var(--text-2);margin-bottom:26px;font-size:14px;line-height:1.65}.auth-phone-field{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);margin-bottom:14px;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.auth-phone-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-dim)}.auth-prefix{color:var(--teal-deep);background:var(--sky-soft);border-right:1.5px solid var(--border);letter-spacing:.05em;padding:14px 16px;font-family:DM Mono,monospace;font-size:14px;font-weight:500}.auth-phone-input{color:var(--text);letter-spacing:.05em;background:0 0;border:none;outline:none;width:100%;padding:14px 16px;font-family:DM Mono,monospace;font-size:16px}.auth-phone-input::placeholder{color:var(--text-muted);letter-spacing:0;font-family:DM Sans,sans-serif}.auth-otp-field{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--teal-deep);text-align:center;letter-spacing:12px;outline:none;margin-bottom:10px;padding:18px;font-family:DM Mono,monospace;font-size:30px;font-weight:500;transition:border-color .2s,box-shadow .2s}.auth-otp-field:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-dim)}.auth-phone-display{color:var(--teal-deep);background:var(--sky-soft);border:1px solid var(--teal-border);letter-spacing:.05em;border-radius:6px;margin-bottom:22px;padding:4px 10px;font-family:DM Mono,monospace;font-size:13px;display:inline-block}.auth-resend-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.auth-resend-hint{color:var(--text-muted);font-size:12px}.auth-resend-btn{color:var(--teal);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600;transition:opacity .15s}.auth-resend-btn:hover{opacity:.75}.auth-error{background:var(--red-dim);border-radius:var(--radius-sm);color:var(--red);border:1px solid #d14f4f40;margin-bottom:14px;padding:11px 14px;font-size:13px;font-weight:500}.auth-btn-primary{background:linear-gradient(135deg,var(--gold-light)0%,var(--gold)50%,var(--gold-deep)100%);color:#1a2436;border-radius:var(--radius-sm);letter-spacing:.04em;cursor:pointer;width:100%;box-shadow:var(--shadow-gold);border:none;padding:15px;font-family:Syne,sans-serif;font-size:14px;font-weight:800;transition:opacity .2s,transform .15s,box-shadow .2s}.auth-btn-primary:hover:not(:disabled){opacity:.95;transform:translateY(-1px);box-shadow:0 12px 30px #ffcd828c}.auth-btn-primary:active:not(:disabled){transform:translateY(0)}.auth-btn-primary:disabled{opacity:.45;cursor:not-allowed}.auth-btn-ghost{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:24px;padding:0;font-family:DM Sans,sans-serif;font-size:13px;transition:color .15s;display:flex}.auth-btn-ghost:hover{color:var(--teal-deep)}.auth-foot{text-align:center;color:var(--text-2);margin-top:22px;font-size:13px}.auth-link{color:var(--teal-deep);cursor:pointer;font-family:inherit;font-weight:700;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:none;transition:opacity .15s}.auth-link:hover{opacity:.8}@keyframes auth-card-in{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:none}}.auth-modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a243652;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out both auth-modal-fade;display:flex;position:fixed;inset:0}.auth-modal-dialog{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:460px;max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);padding:36px 32px 32px;animation:.28s cubic-bezier(.22,1,.36,1) both auth-modal-pop;position:relative;overflow-y:auto}.auth-modal-close{background:var(--bg-elevated);border:1px solid var(--border);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex;position:absolute;top:14px;right:14px}.auth-modal-close:hover{background:var(--sky-soft);color:var(--teal-deep);border-color:var(--teal-border)}.auth-modal-close svg{width:14px;height:14px}@keyframes auth-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes auth-modal-pop{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:520px){.auth-modal-dialog{border-radius:18px;padding:28px 22px 26px}}