:root{--safa-blue:#00b7ff;--safa-panel:rgba(15,32,58,.78);--safa-border:rgba(125,180,255,.28)}
.brand{gap:12px!important;align-items:center!important}
.brand-badge{display:none!important}
.brand-logo{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,183,255,.25))}
.brand-title strong{display:block;font-size:24px;letter-spacing:.8px;color:#fff;line-height:1}
.brand-title span{display:block;font-size:13px;margin-top:5px;color:#38bdf8}
.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 18% 20%,rgba(0,183,255,.18),transparent 28%),radial-gradient(circle at 80% 15%,rgba(37,99,235,.28),transparent 26%),linear-gradient(135deg,#020617 0%,#06152d 48%,#020617 100%)!important;position:relative;overflow:hidden}
.login-page:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(59,130,246,.08) 1px,transparent 1px),linear-gradient(rgba(59,130,246,.08) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle at center,black,transparent 72%);opacity:.45}
.login-page:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(0,183,255,.08) 50%,transparent 100%);transform:skewY(-8deg);opacity:.55}
.login-box{width:430px!important;max-width:calc(100vw - 32px);padding:42px!important;border-radius:28px!important;color:#e5f3ff!important;background:linear-gradient(180deg,rgba(15,32,58,.86),rgba(2,8,23,.82))!important;border:1px solid var(--safa-border);box-shadow:0 35px 100px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(18px);position:relative;z-index:5;text-align:center}
.login-logo{width:160px;height:auto;object-fit:contain;margin:0 auto 18px;display:block;filter:drop-shadow(0 18px 30px rgba(0,183,255,.28))}
.login-box h1{margin:0;font-size:42px;letter-spacing:2px;color:#fff;line-height:1}
.login-subtitle{color:#38bdf8;font-size:20px;margin:8px 0 24px}
.login-welcome{color:#dbeafe;font-size:15px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid rgba(148,163,184,.28);position:relative}
.login-welcome:after{content:"";position:absolute;width:92px;height:3px;border-radius:99px;background:linear-gradient(90deg,#2563eb,#00b7ff);left:50%;bottom:-2px;transform:translateX(-50%)}
.login-box input{height:56px;border-radius:14px!important;background:rgba(15,23,42,.62)!important;color:#fff!important;border:1px solid rgba(148,163,184,.35)!important;outline:none;margin-bottom:14px}
.login-box input::placeholder{color:#94a3b8}
.login-box input:focus{border-color:#38bdf8!important;box-shadow:0 0 0 4px rgba(56,189,248,.13)}
.login-box .btn{width:100%;height:58px;border-radius:14px;margin-top:8px;background:linear-gradient(135deg,#2563eb,#3b82f6,#00a6ff)!important;color:#fff!important;font-size:16px;box-shadow:0 16px 35px rgba(37,99,235,.36)}
.login-hint{margin-top:22px;font-size:13px;color:#94a3b8;text-align:center}
.login-footer{margin-top:24px;font-size:12px;color:#64748b}
.login-box .alert.error{text-align:left;background:rgba(239,68,68,.13);border:1px solid rgba(239,68,68,.35);color:#fecaca}
@media(max-width:760px){.login-box{padding:30px!important}.login-logo{width:132px}.login-box h1{font-size:34px}.brand-logo{width:52px;height:52px}}