:root{--bg: #07122a;--bg2: #0d1f45;--gold: #d4a63a;--gold-light: #f5d76e;--green: #1f8a5b;--text: #f4f1e8;--muted: #a9b3c9;--card-border: rgba(212, 166, 58, .35);--danger: #ff8a8a}*{box-sizing:border-box}html{background:var(--bg)}html,body{margin:0;min-height:100%}body{background:radial-gradient(ellipse 120% 60% at top,var(--bg2),var(--bg) 70%);color:var(--text);font-family:Cairo,system-ui,sans-serif}.login-page{position:relative;min-height:100vh;display:grid;place-items:center;padding:24px 16px;overflow:hidden}.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;pointer-events:none}.g1{width:480px;height:480px;background:var(--gold);top:-200px;right:-150px}.g2{width:420px;height:420px;background:var(--green);bottom:-180px;left:-120px}.login-card{position:relative;width:min(420px,100%);padding:32px 28px;border-radius:24px;text-align:center;background:linear-gradient(160deg,#13295aeb,#0a1733eb);border:1px solid var(--card-border);box-shadow:0 30px 80px #00000073}.login-logo{width:min(260px,70%);height:auto;filter:brightness(1.25) drop-shadow(0 4px 20px rgba(212,166,58,.35))}.login-card h1{margin:14px 0 0;font-size:28px;font-weight:900;background:linear-gradient(90deg,var(--gold),var(--gold-light),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.login-sub{margin:2px 0 22px;color:var(--muted)}.field{display:block;text-align:right;margin-bottom:14px}.field>span{display:block;font-size:14px;font-weight:700;color:var(--muted);margin-bottom:6px}.field input{width:100%;font:inherit;font-size:17px;color:var(--text);padding:11px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#00000047;outline:none;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4a63a33}.pw{position:relative}.pw input{padding-left:70px}.pw-toggle{position:absolute;left:8px;top:50%;transform:translateY(-50%);font:inherit;font-size:13px;color:var(--gold-light);background:none;border:0;cursor:pointer;padding:6px}.login-error{margin:4px 0 12px;color:var(--danger);font-weight:700;font-size:15px}.login-btn{width:100%;margin-top:6px;font:inherit;font-size:20px;font-weight:900;color:var(--bg);cursor:pointer;padding:12px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--gold-light),var(--gold));box-shadow:0 10px 30px #d4a63a66}.login-btn:disabled{opacity:.55;cursor:default}