/* LOGIN PAGE */
.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);position:relative;overflow:hidden}
.orb{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0}
.orb1{width:500px;height:500px;background:var(--purple);opacity:.18;top:-150px;right:-150px}
.orb2{width:400px;height:400px;background:var(--gold);opacity:.12;bottom:-120px;left:-100px}
.login-wrap{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:center;padding:20px}
.login-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:2.5rem 2rem;width:min(420px,100%);box-shadow:0 24px 80px rgba(0,0,0,.55)}
.login-brand{text-align:center;margin-bottom:2rem}
.brand-star{font-size:32px;color:var(--gold);display:block}
.login-brand h1{font-size:28px;font-weight:800;color:var(--gold);margin-top:6px}
.login-brand p{font-size:13px;color:var(--muted);margin-top:4px}
.role-row{display:flex;gap:10px;margin-top:6px}
.role-btn{flex:1;text-align:center;padding:14px 10px;background:var(--surface2);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--muted);transition:all .15s;user-select:none}
.role-btn.active{border-color:var(--gold);color:var(--gold);background:rgba(232,184,75,.08)}
.role-icon{font-size:24px;display:block}
.role-label{font-size:14px;font-weight:600;margin-top:6px;display:block}
.pw-wrap{position:relative}
.pw-wrap input{padding-right:42px}
.pw-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;color:var(--muted);padding:4px;transition:color .15s}
.pw-toggle:hover{color:var(--text)}
.login-hint{font-size:12px;color:var(--muted2);text-align:center;margin-top:14px}
.login-hint strong{color:var(--muted)}