.portal-login{--void:#010511;--surface:#030520;--surface-raised:#090d1d;--edge:#181d31;--edge-lit:#1c2542;--title:#d5e5f9;--body-text:#dadff5;--muted:#c3cede;--muted-dim:#93a1b4;--accent:#96c0ff;--accent-deep:#1c73ca;--paper:#fff;--paper-tint:#f5f8fd;--ink:#0f1729;--ink-soft:#33405a;--ink-mute:#5c6b82;--line:#dbe4f0;display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;min-height:100dvh;background:var(--void);color:var(--body-text);font-family:var(--font-portal-sans),ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.portal-login-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:48px;padding:48px;overflow:hidden;border-right:1px solid var(--edge);background:linear-gradient(165deg,var(--surface-raised),var(--void) 70%)}.portal-login-light{position:absolute;top:-14%;left:50%;z-index:0;width:150%;max-width:none;transform:translateX(-50%);opacity:.5;mix-blend-mode:screen;filter:hue-rotate(310deg) saturate(1.1) brightness(1.15);pointer-events:none}.portal-login-grain{position:absolute;inset:0;z-index:1;background-image:radial-gradient(at 20% 80%,#fff 1px,transparent 0);background-size:3px 3px;opacity:.045;mix-blend-mode:plus-lighter;pointer-events:none}.portal-login-halo{position:absolute;top:-20%;right:-25%;width:70%;aspect-ratio:1;z-index:0;border-radius:50%;background:radial-gradient(circle,#1c73ca3d 0,transparent 68%);filter:blur(60px);pointer-events:none}.portal-login-body,.portal-login-head,.portal-login-marks{position:relative;z-index:2}.portal-login-logo{height:26px;width:auto}.portal-login-logo-mobile{display:none}.portal-login-badge{display:inline-flex;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;margin:0 0 26px;padding:10px 18px 10px 10px;border:2px solid var(--edge);border-radius:100px;background:var(--surface);font-family:var(--font-portal-sans),ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--body-text);-webkit-user-select:none;-moz-user-select:none;user-select:none}.portal-login-orb{width:22px;height:22px;border-radius:100px;background:url(/MeshGradient.webp) 50%/200% 200%;animation:portal-login-orb-drift 2s ease-in-out infinite;will-change:background-position}@keyframes portal-login-orb-drift{0%{background-position:0 20%}25%{background-position:100% 50%}50%{background-position:50% 70%}to{background-position:0 20%}}.portal-login-title{margin:0;font-size:clamp(34px,3.6vw,52px);line-height:1.08;letter-spacing:-.04em;font-weight:500;color:var(--title);overflow-wrap:anywhere}.portal-login-title-accent{background:linear-gradient(to top,var(--accent),#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.portal-login-lede{max-width:42ch;margin:22px 0 0;font-size:16px;font-weight:500;line-height:1.7;color:var(--muted)}.portal-login-marks{display:flex;gap:8px}.portal-login-mark{width:26px;height:2px;border-radius:999px;background:var(--edge-lit)}.portal-login-mark:first-child{width:44px;background:var(--accent)}.portal-login-form-side{position:relative;display:flex;align-items:center;justify-content:center;padding:40px 24px;overflow:hidden;background:linear-gradient(165deg,var(--paper),var(--paper-tint) 78%)}.portal-login-dots{position:absolute;inset:0;z-index:0;background-image:radial-gradient(at 20% 80%,var(--ink) 1px,transparent 0);background-size:3px 3px;opacity:.05;pointer-events:none}.portal-login-form-side:before{content:"";position:absolute;bottom:-25%;left:-20%;width:65%;aspect-ratio:1;z-index:0;border-radius:50%;background:radial-gradient(circle,#96c0ff5c 0,transparent 68%);filter:blur(60px);pointer-events:none}.portal-login-form-inner{position:relative;z-index:1;width:100%;max-width:400px}.portal-login-heading{margin:0;font-size:30px;line-height:1.15;letter-spacing:-.03em;font-weight:500;color:var(--ink)}.portal-login-sub{margin:10px 0 0;font-size:15px;font-weight:500;color:var(--ink-mute)}.portal-login-clerk{margin-top:28px}.portal-login-clerk .clerk-card{width:100%;padding:0;background:transparent;box-shadow:none}.portal-login-clerk .clerk-label{font-size:13px;font-weight:600;color:var(--ink-soft)}.portal-login-clerk .clerk-input{height:46px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-size:15px;color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease}.portal-login-clerk .clerk-input:focus,.portal-login-clerk .clerk-input:focus-within{border-color:var(--accent-deep);box-shadow:0 0 0 3px #1c73ca26;outline:none}.portal-login-clerk .clerk-submit{height:46px;border:none;border-radius:10px;background:var(--ink);font-size:15px;font-weight:600;letter-spacing:-.1px;color:#fff;text-transform:none;box-shadow:none}.portal-login-clerk .clerk-submit:hover{background:#1b2740}.portal-login-clerk .clerk-link{font-weight:600;color:var(--accent-deep)}.portal-login-clerk .clerk-link:hover{color:#14548f}.portal-login-clerk .clerk-divider-line{background:var(--line)}.portal-login-clerk .clerk-divider-text{font-size:12px;color:var(--ink-mute)}.portal-login-clerk .clerk-social{border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink-soft)}.portal-login-clerk .clerk-social:hover{border-color:var(--accent-deep);background:#eaf2fe}@media (prefers-reduced-motion:reduce){.portal-login-orb{animation:none}}@media (max-width:900px){.portal-login{grid-template-columns:1fr}.portal-login-brand{display:none}.portal-login-logo-mobile{display:block;margin-bottom:32px}}