:root{--login-bg:var(--site-bg);--login-surface:var(--site-surface);--login-text:var(--site-text);--login-muted:var(--site-muted);--login-line:var(--site-line);--login-accent:var(--site-accent)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--login-accent) 15%,var(--login-bg)),var(--login-bg) 50%);color:var(--login-text);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.login-shell{width:min(100%,480px);margin:auto;padding:40px 20px 30px}.brand{display:flex;align-items:center;gap:10px;width:max-content;color:var(--login-text);text-decoration:none;font-weight:700;letter-spacing:-.03em}.logo{display:block;width:34px;height:34px;background:url('./assets/logos/Mindaural_logo_final_4x.png') center/contain no-repeat;font-size:0}.login-card{margin-top:52px;padding:34px;background:color-mix(in srgb,var(--login-surface) 95%,transparent);border:1px solid var(--login-line);border-radius:24px;box-shadow:0 24px 70px #0003}.eyebrow{color:var(--login-accent);font-size:11px;letter-spacing:.16em;margin:0 0 12px}.login-heading h1{font-size:42px;line-height:1;letter-spacing:-.07em;margin:0 0 10px}.login-heading p:last-child{color:var(--login-muted);margin:0 0 30px}.login-card form{display:grid;gap:18px}.login-card label{display:grid;gap:7px;color:var(--login-text);font-size:14px}.login-card input[type=email],.login-card input[type=password]{width:100%;min-height:48px;border:1px solid var(--login-line);border-radius:12px;background:var(--login-bg);color:var(--login-text);padding:12px 13px;font:inherit}.login-card input:focus{outline:3px solid color-mix(in srgb,var(--login-accent) 35%,transparent);outline-offset:1px}.password-wrap{display:flex;position:relative}.password-wrap input{padding-right:70px!important}.password-wrap button{position:absolute;right:8px;top:7px;border:0;background:transparent;color:var(--login-accent);padding:8px;cursor:pointer}.form-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:7px!important;color:var(--login-muted)!important;font-size:13px!important}.check input{accent-color:var(--login-accent)}.link-button{border:0;background:none;padding:0;color:var(--login-accent);cursor:pointer;font:inherit;font-size:13px}.submit{min-height:48px;border:1px solid var(--login-accent);border-radius:12px;background:var(--login-accent);color:var(--login-bg);font:650 16px inherit;cursor:pointer}.submit:disabled{opacity:.65;cursor:wait}.form-message{min-height:20px;color:var(--login-muted);font-size:13px}.form-message.error{color:#c5221f}.form-message.success{color:#188038}.login-divider{display:flex;justify-content:center;gap:6px;border-top:1px solid var(--login-line);margin-top:28px;padding-top:24px;color:var(--login-muted);font-size:13px}.login-divider a,.legal-note a{color:var(--login-accent)}.auth-note{font-size:12px;color:var(--login-muted);text-align:center;margin:22px 0 0}.legal-note{display:flex;justify-content:center;gap:9px;color:var(--login-muted);font-size:13px;margin-top:24px}@media(max-width:520px){.login-shell{padding-top:24px}.login-card{margin-top:35px;padding:25px 20px}.login-heading h1{font-size:36px}.form-row{align-items:flex-start;flex-direction:column}}
