:root{
    --bg:#edf1f5;
    --panel:#ffffff;
    --panel-soft:#f5f7fa;
    --text:#27313f;
    --muted:#6b7280;
    --line:#d6dde6;
    --accent:#dd2c24;
    --accent-2:#f04438;
    --shadow:0 10px 16px rgba(18,31,53,.45);
    --radius:18px;
}
body{
    margin:0;
    font-family:Arial,Helvetica,sans-serif;
    background:var(--bg);
    color:var(--muted);
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:100vh;
}
.login-box{
    width:min(420px,92vw);
    background:var(--panel);
    border:1px solid #263246;
    border-radius:20px;
    padding:28px;
    box-shadow:0 18px 40px rgba(0,0,0,.35);
}
h1{margin:0 0 10px}
p{color:#94a3b8;}
input{
    width:100%;
    padding:12px 14px;
    border-radius:12px;
    border:1px solid #263246;
    background:var(--panel-soft);
    color:var(--text);
    font-size:11pt;
    margin:8px 0 14px;
    box-sizing:border-box;
}
button{
    width:100%;
    padding:12px 14px;
    border:none;
    border-radius:12px;
    background:#dc2626;
    color:#fff;
    font-weight:700;
    cursor:pointer;
}
.notice{
    margin:10px 0 14px;
    padding:10px 12px;
    border-radius:12px;
    background:rgba(239,68,68,.12);
    border:1px solid rgba(239,68,68,.25);
}
a{color:#94a3b8;}