.login{background:var(--bg);background-image:var(--grad-glow);background-attachment:fixed;place-items:center;min-height:100dvh;padding:32px;display:grid;position:relative;overflow:hidden}.login__pattern{pointer-events:none;z-index:0;position:absolute;inset:0}.login__pattern-arc{filter:blur(2px);clip-path:polygon(0 50%,100% 0,100% 100%,50% 100%);opacity:.85;background:linear-gradient(135deg,#59bfef2e,#6bbe5a2e);border-radius:50%;width:480px;height:480px;position:absolute;bottom:-120px;right:-120px}.login__pattern-dots{opacity:.5;background-image:radial-gradient(circle,#59bfef8c 1.6px,#0000 1.6px);background-size:18px 18px;width:220px;height:220px;position:absolute;top:8%;left:6%;-webkit-mask-image:radial-gradient(circle at 0 0,#000 0%,#0000 75%);mask-image:radial-gradient(circle at 0 0,#000 0%,#0000 75%)}@media (max-width:540px){.login__pattern-arc{width:320px;height:320px;bottom:-80px;right:-80px}.login__pattern-dots{width:140px;height:140px}}.login__card{z-index:1;background:var(--surface-strong);border:1px solid var(--line);width:100%;max-width:440px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:24px;padding:40px 36px 32px;position:relative}.login__brand{align-items:center;margin-bottom:18px;display:flex}.login__brand-wordmark.login__brand-wordmark .brand-wordmark__line{letter-spacing:-.025em;font-size:30px}.login__brand-wordmark.login__brand-wordmark .brand-wordmark__sub{margin-top:3px;font-size:11px}.login__tagline{font-family:var(--font-sans);color:var(--ink-muted);border-bottom:2px solid;border-image:linear-gradient(90deg, var(--brand-blue), var(--brand-green)) 1;max-width:28ch;margin:0 0 32px;padding-bottom:14px;font-size:15px;font-style:italic;font-weight:500;line-height:1.5}.login__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink-strong);margin:0 0 8px;font-size:26px;font-weight:700}.login__sub{color:var(--ink-muted);margin:0 0 24px;font-size:14px;line-height:1.5}.login__form{flex-direction:column;gap:8px;display:flex}.login__label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);font-size:12px;font-weight:600}.login__input{border:1px solid var(--line-strong);background:var(--surface-soft);width:100%;font:inherit;color:var(--ink);border-radius:12px;padding:12px 14px;transition:border-color .12s,box-shadow .12s}.login__input:focus{border-color:var(--cyan-deep);box-shadow:0 0 0 3px var(--ring);outline:none}.login__btn{background:var(--grad-fill);color:#fff;cursor:pointer;box-shadow:var(--shadow-glow-cyan);border:none;border-radius:12px;margin-top:8px;padding:12px 16px;font-weight:600;transition:transform 80ms,box-shadow .12s,opacity .12s}.login__btn:hover:not(:disabled){transform:translateY(-1px)}.login__btn:disabled{opacity:.55;cursor:not-allowed}.login__btn--ghost{color:var(--cyan-deep);box-shadow:none;border:1px solid var(--line-strong);background:0 0;margin-top:12px}.login__error{color:var(--danger);margin:4px 0 0;font-size:13px}.login__sent{background:var(--cyan-soft);border:1px solid #4cc4ec66;border-radius:14px;padding:18px}.login__sent-title{color:var(--cyan-ink);margin:0 0 6px;font-weight:700}.login__sent-detail{color:var(--ink-muted);margin:0;font-size:14px;line-height:1.5}.login__hint{color:var(--ink-faint);margin:24px 0 0;font-size:12px;line-height:1.5}.login__toggle{width:100%;color:var(--cyan-deep);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:12px;padding:8px;font-size:13px;font-weight:500;-webkit-text-decoration:underline #1f8fb04d;text-decoration:underline #1f8fb04d;transition:color .12s;display:block}.login__toggle:hover{color:var(--cyan-ink)}