.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:560px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:26px;padding:clamp(28px,5vw,42px) clamp(24px,5vw,38px) 32px;position:relative}.login__brand{justify-content:center;align-items:center;margin-bottom:18px;display:flex}.login__logo{filter:drop-shadow(0 12px 24px #1f8fb02e);width:min(100%,320px);height:auto;display:block}.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__degree-story{border:1px solid color-mix(in srgb, var(--brand-blue) 18%, var(--line));background:linear-gradient(90deg,#59bfef21,#6bbe5a1a 42%,#0000 78%),#ffffff70;border-radius:18px;grid-template-columns:minmax(0,.34fr) minmax(0,1fr);align-items:center;gap:clamp(14px,3vw,20px);margin:0 0 28px;padding:clamp(16px,3vw,20px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb8}.login__degree-story:before{content:"";background:linear-gradient(180deg, var(--brand-blue), var(--brand-green));border-radius:999px;width:3px;position:absolute;inset:12px auto 12px 0}.login__degree-story:after{content:"";opacity:.75;pointer-events:none;background:radial-gradient(circle,#6bbe5a33,#0000 58%);border-radius:50%;width:178px;height:178px;position:absolute;bottom:-76px;right:-58px}.login__degree-scale{z-index:1;min-width:0;color:var(--cyan-ink);font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;letter-spacing:-.02em;grid-template-columns:auto minmax(34px,1fr) auto;align-items:center;gap:8px;font-size:clamp(.86rem,2.2vw,1rem);font-weight:800;line-height:1;display:grid;position:relative}.login__degree-line{background:linear-gradient(90deg, var(--brand-blue), var(--brand-green));border-radius:999px;width:100%;height:2px;display:block;box-shadow:0 0 18px #59bfef47}.login__degree-copy{z-index:1;min-width:0;position:relative}.login__degree-title{color:var(--ink-strong);font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;letter-spacing:-.03em;margin:0;font-size:clamp(1.02rem,2.5vw,1.2rem);font-weight:800;line-height:1.12}.login__degree-body{color:var(--ink-muted);font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:0;margin:6px 0 0;font-size:14px;font-weight:650;line-height:1.42}.login__degree-body strong{color:var(--ink-strong);font-weight:900}.login__quote{z-index:1;margin:0;position:relative}.login__quote p{font-family:var(--font-sans), system-ui, sans-serif;color:var(--ink-muted);letter-spacing:-.005em;margin:0;font-size:14px;font-weight:650;line-height:1.48}.login__quote p+p{margin-top:6px}.login__quote strong{color:var(--ink-strong);font-weight:900}.login__quote p:first-child strong{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;letter-spacing:-.035em;font-size:clamp(1.08rem,3vw,1.35rem)}.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-wrap{flex-direction:column;gap:14px;display:flex}.login__mode-toggle{border:1px solid var(--line);background:#1a1a1a0a;border-radius:999px;align-self:flex-start;padding:3px;display:inline-flex}.login__mode-btn{appearance:none;font:inherit;letter-spacing:.02em;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 16px;font-size:12.5px;font-weight:700;transition:background .14s,color .14s,box-shadow .14s}.login__mode-btn:hover:not(.is-active){color:var(--ink)}.login__mode-btn.is-active{color:var(--ink);background:linear-gradient(#fff,#f3f8fb);box-shadow:0 4px 10px #0e25280f,inset 0 0 0 1px #59bfef33}.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{color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:8px;padding:12px 16px;font-weight:600;transition:transform .16s cubic-bezier(.2,.95,.18,1),box-shadow .2s cubic-bezier(.2,.95,.18,1),filter .16s;position:relative;overflow:hidden;box-shadow:0 10px 24px #59bfef4d,inset 0 1px #ffffff8c;background:linear-gradient(135deg,#59bfef 0%,#2bb6a2 55%,#6bbe5a 100%)!important}.login__btn:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff73 0%,#ffffff0f 80%,#0000 100%);height:42%;display:block;position:absolute;top:1px;left:8%;right:8%}.login__btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 14px 32px #59bfef61,inset 0 1px #ffffffa6}.login__btn:active:not(:disabled){filter:brightness();transform:translateY(0)}.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__magic-helper{color:var(--ink-muted);margin:4px 0 0;font-size:12.5px;line-height:1.5}.login__magic-sent{background:linear-gradient(135deg,#59bfef1a,#6bbe5a14);border:1px solid #59bfef52;border-radius:14px;padding:18px}.login__magic-sent-title{color:var(--cyan-ink,#155f78);margin:0 0 6px;font-size:15px;font-weight:800}.login__magic-sent-body{color:var(--ink-muted);margin:0;font-size:13.5px;line-height:1.5}.login__magic-sent-body strong{color:var(--ink);word-break:break-all;font-weight:700}.login__magic-resend{color:var(--cyan-deep);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;margin-top:12px;padding:0;font-size:12.5px;font-weight:700;text-decoration:underline}.login__magic-resend:hover{color:var(--ink)}.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)}.login__divider{align-items:center;gap:12px;margin:20px 0 12px;display:flex}.login__divider-line{background-color:var(--line);flex:1;height:1px}.login__divider-text{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.login__btn--linkedin{justify-content:center;align-items:center;gap:8px;width:100%;display:flex;color:#fff!important;background-color:#0077b5!important;box-shadow:0 4px 12px #0077b540!important}.login__btn--linkedin:hover:not(:disabled){background-color:#006097!important}.login__btn--linkedin svg{flex-shrink:0}@media (prefers-color-scheme:dark){.login{color:var(--ink);background:radial-gradient(circle at 20% 0%, #59bfef2e, transparent 48%), radial-gradient(circle at 82% 96%, #6bbe5a26, transparent 50%), linear-gradient(180deg, var(--bg-tint), var(--bg))}.login__pattern-arc{opacity:.42;filter:blur(8px)}.login__pattern-dots{opacity:.28}.login__card{border-color:var(--line-strong);box-shadow:var(--shadow-xl), var(--shadow-inset-hi);background:radial-gradient(circle at 16% 0,#59bfef1a,#0000 38%),linear-gradient(145deg,#142226fa,#0c181bf0)}.login__input{border-color:var(--line-strong);color:var(--ink);background:#081215c7}.login__input::placeholder{color:var(--ink-faint)}.login__btn--ghost{color:#8bd2f4;border-color:var(--line-strong);background:#142226c7}.login__toggle{color:#8bd2f4;text-decoration-color:#8bd2f46b}.login__sent{background:#59bfef21;border-color:#8bd2f457}.login__sent-title{color:#ddf7ff}.login__degree-story{border-color:var(--line-strong);box-shadow:var(--shadow-sm), var(--shadow-inset-hi);background:radial-gradient(circle at 14% 10%,#59bfef24,#0000 36%),radial-gradient(circle at 88% 82%,#6bbe5a1f,#0000 40%),#0a171abd}.login__degree-art{background:radial-gradient(circle at 50% 35%,#59bfef21,#0000 55%),linear-gradient(145deg,#050e11fa,#0c1f23e0)}.login__quote{border-top-color:var(--line)}.login__divider-line{background-color:var(--line-strong)}.login__divider-text{color:var(--ink-faint)}}