*{box-sizing:border-box}body{margin:0;font:14px var(--font-body);color:var(--ink);background:#f4f3f2}.ark-login{min-height:100vh;min-height:100svh;padding:0}.login-shell{display:grid;grid-template-columns:1fr 1fr;width:100%;min-height:100vh;min-height:100svh;background:#fff;overflow:hidden}.login-panel{padding:30px 48px 24px;display:flex;flex-direction:column;min-width:0}.login-logo{display:block;width:fit-content;margin-bottom:26px}.login-logo img{width:174px;height:auto;display:block}.login-content{width:100%;max-width:350px;margin:auto;padding:28px 0 22px}.login-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;color:var(--muted);margin:0 0 10px}h1{font-family:var(--font-heading);font-size:30px;line-height:1.2;letter-spacing:-1.1px;margin:0 0 10px}.login-intro{color:var(--muted);font-size:14px;margin:0 0 26px}.login-panel label{display:block;font-size:12px;font-weight:600;margin:0 0 8px}.login-input{display:flex;align-items:center;position:relative;gap:10px;border:1px solid var(--line);border-radius:9px;padding:0 13px;background:#fff;margin-bottom:17px;transition:border-color .2s,box-shadow .2s}.login-input:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #b1262512}.login-input>svg{width:17px;height:17px;flex-shrink:0;color:#85878e}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.login-input input{border:0;outline:0;min-width:0;width:100%;height:44px;background:transparent;font:inherit;font-size:13px;color:var(--ink);padding:0}.login-input input::placeholder{color:#92949b}.login-input input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset;-webkit-text-fill-color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}.password-toggle{flex-shrink:0;display:grid;place-items:center;width:30px;height:36px;border:0;background:none;color:#7d8087;padding:4px}.password-toggle svg{width:18px;height:18px}.password-toggle[aria-pressed=true]{color:var(--brand)}.login-help{display:flex;justify-content:flex-end;margin:-6px 0 18px}.login-help a{font-size:12px;font-weight:600;color:var(--brand);text-decoration:none}.login-help a:hover{text-decoration:underline}.login-submit{width:100%;border:1px solid var(--brand);border-radius:9px;background:var(--brand);color:#fff;min-height:44px;font-weight:600;font-size:14px;display:flex;justify-content:center;align-items:center;gap:12px;transition:background .2s,box-shadow .2s}.login-submit:hover{background:#96201f;box-shadow:0 5px 16px #b1262524}.login-submit span{font-size:19px}.login-divider{display:flex;align-items:center;gap:16px;color:#92949a;font-size:11px;margin:19px 0}.login-divider:before,.login-divider:after{content:'';height:1px;flex:1;background:var(--line)}.google-signin{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:43px;border:1px solid var(--line);background:white;border-radius:9px;color:#55585f;font-size:13px}.google-signin svg{width:18px;height:18px;stroke:none}.google-signin:disabled{cursor:not-allowed}.google-status{color:var(--muted);text-align:center;font-size:10px;margin:8px 0 0}.login-access{color:var(--muted);font-size:11px;text-align:center;margin:23px 0 0}.login-footer{display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;color:#919399;margin:0}.login-footer svg{width:14px;height:14px}.login-error{background:#fff3f1;border:1px solid #edc3bf;border-radius:8px;color:#912220;font-size:12px;padding:12px;line-height:1.5;margin-bottom:18px}.login-visual{isolation:isolate;position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:54px 44px 30px;background:linear-gradient(145deg,#3d0a10,#7e171b 53%,#B12625);color:#fff;overflow:hidden}.wave-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.wave-glow{position:absolute;inset:-30%;background:radial-gradient(ellipse at 80% 20%,#ec4d4160,transparent 55%),radial-gradient(ellipse at 20% 90%,#fb6e5635,transparent 45%);animation:glow-drift 18s ease-in-out infinite alternate}.red-waves{position:absolute;inset:0;width:100%;height:100%;stroke:none}.red-waves g{transform-box:fill-box;transform-origin:center}.wave-one{animation:wave-drift 14s ease-in-out infinite alternate}.wave-two{animation:wave-drift 18s ease-in-out -7s infinite alternate-reverse;opacity:.85}.wave-three{animation:wave-lines 20s ease-in-out -3s infinite alternate;opacity:.6}.story-copy{width:100%;max-width:400px;margin:0 auto auto 0;position:relative;padding:clamp(30px,8vh,80px) 0 60px}.story-eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:#ffcebf;margin:0 0 22px}.story-copy h2{font-family:var(--font-heading);font-size:clamp(30px,3.2vw,43px);font-weight:600;line-height:1.22;letter-spacing:-1.5px;margin:0 0 22px}.story-copy h2 span{color:#ffd5c9}.story-copy>p:not(.story-eyebrow){font-size:13px;line-height:1.8;color:#f3d0ca;margin:0}.story-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.story-tags span{padding:8px 13px;border:1px solid #ffffff35;border-radius:30px;font-size:11px;background:#4c0e1528;backdrop-filter:blur(6px)}.story-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;width:100%;max-width:480px;margin-inline:auto}.story-footer strong{font-size:10px;letter-spacing:1.4px;font-weight:500}.story-footer small{display:block;margin-top:8px;font-size:10px;color:#eabbb4}.motion-toggle{color:#f2c9c0;border:1px solid #ffffff35;background:#3c071430;border-radius:20px;padding:7px 10px;font-size:10px;white-space:nowrap}.motion-paused .wave-scene *{animation-play-state:paused!important}[hidden]{display:none!important}:focus-visible{outline:3px solid #d66758;outline-offset:4px}.login-visual :focus-visible{outline-color:#fff}
@keyframes wave-drift{from{transform:translate(-22px,18px) rotate(-5deg) scale(1.07)}to{transform:translate(25px,-26px) rotate(7deg) scale(1.15)}}@keyframes wave-lines{from{transform:translate(18px,10px) rotate(2deg)}to{transform:translate(-28px,-32px) rotate(-7deg)}}@keyframes glow-drift{from{transform:translate(-3%,2%) scale(1)}to{transform:translate(5%,-4%) scale(1.12)}}
@media(min-width:1500px){.login-panel{padding-inline:56px}}@media(max-height:760px) and (min-width:781px){.login-panel{padding-top:22px;padding-bottom:20px}.login-logo img{width:150px}.login-content{margin:auto;padding:17px 0}.login-intro{margin-bottom:20px}.login-access{margin-top:17px}.story-copy{padding:20px 0 60px}}
@media(max-width:900px){.login-panel{padding-inline:30px}.login-visual{padding-inline:30px}.story-copy h2{font-size:34px}.story-footer{flex-wrap:wrap}}
@media(max-width:780px){.login-shell{grid-template-columns:1fr}.login-panel{padding:25px 28px}.login-logo img{width:155px}.login-content{margin:26px auto;padding:0}.login-visual{min-height:205px;padding:25px 28px}.story-copy{max-width:none;margin:0;padding:0 0 24px}.story-copy h2{font-size:26px;letter-spacing:-.8px;line-height:1.3;margin-bottom:10px}.story-copy h2 br{display:none}.story-copy h2 br:after{content:' '}.story-copy>p:not(.story-eyebrow){font-size:12px}.story-copy>p br{display:none}.story-eyebrow,.story-tags{display:none}.story-footer strong{font-size:9px}.story-footer small{font-size:9px}.red-waves{opacity:.65}h1{font-size:29px}}
@media(max-width:360px){.login-panel{padding-inline:22px}.story-copy h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.wave-scene *{animation:none!important}*{transition:none!important}}

