/* login.php — light theme (auto-generated) */
html[data-theme="light"]:where([data-page="login"]){--gold:#ad7700;--gold-dim:#ad7400;--bg:#f6f3ef;--surface:#f9f8f7;--surface2:#fbfafa;--border:rgba(42,31,14,0.17);--border2:rgba(245,200,66,0.25);--text:#2c251d;--muted:#8f775f;--muted2:#725f4c}
html[data-theme="light"]:where([data-page="login"]),
html[data-theme="light"]:where([data-page="login"]) body{background:var(--bg);color:var(--text)}
html[data-theme="light"]:where([data-page="login"]) .bg-scene::before{background:radial-gradient(circle, rgba(245,200,66,0.10) 0%, transparent 65%)}
html[data-theme="light"]:where([data-page="login"]) .bg-scene::after{background:radial-gradient(circle, rgba(245,200,66,0.06) 0%, transparent 60%)}
html[data-theme="light"]:where([data-page="login"]) .bg-grid{background-image:linear-gradient(rgba(42,31,14,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(42,31,14,0.03) 1px, transparent 1px)}
html[data-theme="light"]:where([data-page="login"]) .card{background:var(--surface);border:1px solid var(--border);box-shadow:0 0 0 1px rgba(255,255,255,0.03),
    0 32px 80px rgba(0,0,0,0.19),
    0 0 60px rgba(245,200,66,0.04)}
html[data-theme="light"]:where([data-page="login"]) .logo-badge{background:rgba(245,200,66,0.08);border:1px solid rgba(245,200,66,0.18)}
html[data-theme="light"]:where([data-page="login"]) .logo-icon{background:var(--gold);color:#1a1200}
html[data-theme="light"]:where([data-page="login"]) .logo-badge span{color:var(--gold)}
html[data-theme="light"]:where([data-page="login"]) .logo h1{color:var(--text)}
html[data-theme="light"]:where([data-page="login"]) .logo h1 em{color:var(--gold)}
html[data-theme="light"]:where([data-page="login"]) .logo p{color:var(--muted)}
html[data-theme="light"]:where([data-page="login"]) .alert{background:rgba(255,90,90,0.08);border:1px solid rgba(255,90,90,0.2);color:#d11a1a}
html[data-theme="light"]:where([data-page="login"]) .alert-notice{background:rgba(245,200,66,0.08);border:1px solid rgba(245,200,66,0.25);color:#2c251d}
html[data-theme="light"]:where([data-page="login"]) .google-btn{background:var(--surface2);color:var(--text);border:1px solid var(--border)}
html[data-theme="light"]:where([data-page="login"]) .google-btn::before{background:linear-gradient(135deg, rgba(42,31,14,0.04) 0%, transparent 60%)}
html[data-theme="light"]:where([data-page="login"]) .google-btn:hover{border-color:rgba(42,31,14,0.31);background:var(--surface2);box-shadow:0 8px 24px rgba(0,0,0,0.1)}
html[data-theme="light"]:where([data-page="login"]) .google-btn .g-spinner{border:2px solid rgba(42,31,14,0.4);border-top-color:var(--gold)}
html[data-theme="light"]:where([data-page="login"]) .divider{color:var(--muted)}
html[data-theme="light"]:where([data-page="login"]) .divider::before,
html[data-theme="light"]:where([data-page="login"]) .divider::after{background:var(--border)}
html[data-theme="light"]:where([data-page="login"]) .form-label{color:var(--muted2)}
html[data-theme="light"]:where([data-page="login"]) .form-label a{color:var(--gold-dim)}
html[data-theme="light"]:where([data-page="login"]) .form-label a:hover{color:var(--gold)}
html[data-theme="light"]:where([data-page="login"]) .form-control{background:var(--surface2);border:1px solid var(--border);color:var(--text);outline:none}
html[data-theme="light"]:where([data-page="login"]) .form-control::placeholder{color:var(--muted)}
html[data-theme="light"]:where([data-page="login"]) .form-control:focus{border-color:var(--gold-dim);box-shadow:0 0 0 3px rgba(245,200,66,0.1)}
html[data-theme="light"]:where([data-page="login"]) .btn-submit{background:var(--gold);color:#0A0800;border:none}
html[data-theme="light"]:where([data-page="login"]) .btn-submit::before{background:linear-gradient(135deg, rgba(42,31,14,0.2) 0%, transparent 50%)}
html[data-theme="light"]:where([data-page="login"]) .btn-submit:hover{background:#F7D55A;box-shadow:0 8px 24px rgba(245,200,66,0.35)}
html[data-theme="light"]:where([data-page="login"]) .btn-submit:active{box-shadow:none}
html[data-theme="light"]:where([data-page="login"]) .card-footer{border-top:1px solid var(--border);color:var(--muted)}
html[data-theme="light"]:where([data-page="login"]) .card-footer a{color:var(--gold)}
html[data-theme="light"]:where([data-page="login"]) .card-footer a:hover{color:#221c16}
html[data-theme="light"]:where([data-page="login"]) .brand-strip{color:rgba(34,28,22,0.35)}
html[data-theme="light"]:where([data-page="login"]) .ico{fill:none;stroke:currentColor}