:root{color-scheme:light dark}*{box-sizing:border-box}body{margin:0}.login-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));color:light-dark(#251d2b,#f8f1fb);background:radial-gradient(circle at 18% 12%,rgba(192,117,246,.22),transparent 34%),radial-gradient(circle at 84% 80%,rgba(237,92,174,.18),transparent 38%),light-dark(#f7f4f8,#201b25);font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,sans-serif}.login-card{width:min(100%,420px);padding:34px 28px 28px;border:1px solid light-dark(rgba(76,56,87,.12),rgba(255,255,255,.12));border-radius:32px;background:light-dark(rgba(255,255,255,.86),rgba(45,38,51,.88));box-shadow:0 28px 80px rgba(43,22,54,.14);backdrop-filter:blur(28px) saturate(1.2)}.login-brand{width:72px;height:72px;display:grid;place-items:center;margin-bottom:24px;border-radius:24px;background:linear-gradient(145deg,rgba(164,92,237,.18),rgba(236,91,176,.16))}.login-brand img{width:58px;height:58px;object-fit:contain}.login-kicker{margin:0 0 7px;color:#a25ee9;font-size:13px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.login-card h1{margin:0;font-size:clamp(30px,8vw,39px);line-height:1.05;letter-spacing:-.035em}.login-copy,.login-note{color:light-dark(#786d7d,#c5b9c9);line-height:1.5}.login-copy{margin:13px 0 25px;font-size:15px}.login-error{margin:0 0 18px;padding:12px 14px;border-radius:15px;color:light-dark(#8d275b,#ffc3df);background:light-dark(#ffe8f2,rgba(151,42,94,.34));font-size:14px}.login-card form{display:grid;gap:15px}.login-card label{display:grid;gap:7px;font-size:13px;font-weight:650}.login-card input{width:100%;height:52px;padding:0 15px;border:1px solid light-dark(#ded5e3,#514858);border-radius:16px;color:inherit;background:light-dark(rgba(255,255,255,.9),rgba(33,28,38,.78));font:inherit;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.login-card input:focus{border-color:#aa61ed;box-shadow:0 0 0 4px rgba(170,97,237,.13)}.login-card button{min-height:54px;margin-top:5px;border:0;border-radius:17px;color:white;background:linear-gradient(120deg,#9858ed,#e85cae);box-shadow:0 12px 30px rgba(166,77,212,.26);font:700 15px/1 system-ui,sans-serif;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.login-card button:active{transform:translateY(1px) scale(.99);box-shadow:0 7px 20px rgba(166,77,212,.22)}.login-note{margin:22px 0 0;font-size:12px}@media (max-width:420px){.login-card{padding:29px 22px 24px;border-radius:28px}}