:root{--wine:#810029;--wine-dark:#35000f;--gold:#d6a52e;--ink:#12182a;--muted:#687286;--card:#fff;--field:#f8f9fc;--line:#e3e7ef;--shadow:0 30px 80px rgba(58,0,18,.18)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Arial,sans-serif;color:var(--ink);background:#f7f5f7}.role-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,.92fr) minmax(500px,1.08fr)}.role-login-brand{position:relative;overflow:hidden;padding:42px clamp(34px,6vw,82px);display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 85% 12%,rgba(214,165,46,.28),transparent 27%),linear-gradient(145deg,var(--wine-dark),#750024 60%,#9c0035)}.role-login-brand:before,.role-login-brand:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.role-login-brand:before{width:520px;height:520px;right:-300px;top:-190px}.role-login-brand:after{width:340px;height:340px;left:-170px;bottom:-190px}.role-login-logo{position:relative;z-index:2;display:flex;align-items:center;gap:15px;color:#fff;text-decoration:none}.role-login-logo img{width:68px;height:68px;object-fit:contain;background:#fff;border-radius:19px;padding:4px}.role-login-logo span{display:flex;flex-direction:column}.role-login-logo strong{font-size:20px}.role-login-logo small{margin-top:5px;font-size:8px;letter-spacing:.8px;color:#f5cfdb}.role-login-welcome{position:relative;z-index:2;margin:auto 0;max-width:640px}.role-login-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.1);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.65px}.role-login-eyebrow i{color:#ffda69}.role-login-welcome h1{max-width:600px;margin:20px 0 17px;font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-1.5px}.role-login-welcome>p{max-width:560px;color:#f0dfe5;font-size:17px;line-height:1.7}.role-login-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.role-login-points span{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.1);font-size:11px;font-weight:700}.role-login-points i{color:#ffdc72}.role-login-note{position:relative;z-index:2;color:#d7bfc7}.role-login-card-wrap{padding:36px;display:grid;place-items:center;background:radial-gradient(circle at 10% 0,#fff0f5,transparent 27%),#f7f5f7}.role-login-card{width:min(500px,100%);padding:31px 38px 34px;border:1px solid var(--line);border-radius:28px;background:var(--card);box-shadow:var(--shadow)}.role-login-card-head{display:flex;align-items:center;justify-content:space-between}.role-login-home,.role-login-theme{width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:var(--field);color:var(--wine);display:grid;place-items:center;text-decoration:none;cursor:pointer}.role-login-icon{width:66px;height:66px;margin:18px 0 14px;border-radius:21px;display:grid;place-items:center;color:#fff;font-size:25px;background:linear-gradient(145deg,var(--wine),#bd0042);box-shadow:0 15px 30px rgba(129,0,41,.26)}.role-login-kicker{color:var(--wine);font-size:10px;font-weight:900;letter-spacing:1.2px}.role-login-card h2{margin:7px 0 7px;font-size:31px}.role-login-card>p{margin:0 0 22px;color:var(--muted);font-size:13px}.role-login-alert{margin:0 0 17px;padding:12px 13px;border:1px solid #f5c8d1;border-radius:13px;display:flex;gap:9px;background:#fff0f3;color:#a11435;font-size:12px;line-height:1.5}.role-login-card label{display:block;margin:13px 0 7px;font-size:11px;font-weight:800}.role-login-field{height:51px;display:grid;grid-template-columns:44px 1fr 42px;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--field);overflow:hidden}.role-login-field:focus-within{border-color:var(--wine);box-shadow:0 0 0 4px rgba(129,0,41,.07)}.role-login-field>i{color:#8b93a3;text-align:center}.role-login-field input{width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:13px}.role-login-field button{height:100%;border:0;background:transparent;color:var(--muted);cursor:pointer}.role-login-captcha{display:grid;grid-template-columns:1fr 1fr;gap:10px}.role-login-captcha strong,.role-login-captcha input{height:49px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--field);color:var(--ink);font:inherit;text-align:center}.role-login-captcha strong{font-size:15px;letter-spacing:1px}.role-login-captcha input{width:100%;outline:0;font-size:13px}.role-login-submit{width:100%;height:53px;margin-top:20px;padding:0 18px;border:0;border-radius:15px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--wine),#b60040);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 14px 27px rgba(129,0,41,.22)}.role-login-switch{margin-top:23px;padding-top:18px;border-top:1px solid var(--line)}.role-login-switch>span{display:block;margin-bottom:9px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.role-login-switch>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.role-login-switch a{min-height:44px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--wine);font-size:11px;font-weight:800;text-decoration:none;background:var(--field)}[data-role-login-theme=dark]{--ink:#f7eef2;--muted:#b9aab0;--card:#101b28;--field:#0b1622;--line:#263847;--shadow:0 30px 80px rgba(0,0,0,.38)}[data-role-login-theme=dark] body{background:#07121d}[data-role-login-theme=dark] .role-login-card-wrap{background:radial-gradient(circle at 10% 0,#1a2030,transparent 30%),#07121d}[data-role-login-theme=dark] .role-login-alert{background:#32111e;border-color:#6b263b;color:#ff9ab8}@media(max-width:900px){.role-login-shell{grid-template-columns:1fr}.role-login-brand{min-height:280px;padding:25px 22px}.role-login-welcome{margin:45px 0 20px}.role-login-welcome h1{font-size:37px}.role-login-welcome>p,.role-login-points,.role-login-note{display:none}.role-login-card-wrap{padding:22px 14px 38px}.role-login-card{margin-top:-55px;position:relative;z-index:4;padding:25px 21px 27px;border-radius:24px}.role-login-logo img{width:55px;height:55px}.role-login-logo strong{font-size:15px}.role-login-card h2{font-size:27px}}@media(max-width:430px){.role-login-brand{min-height:250px}.role-login-welcome{margin-top:32px}.role-login-welcome h1{font-size:30px}.role-login-card{margin-top:-48px}.role-login-captcha{grid-template-columns:1fr 1fr}}