:root{color:var(--ink);background:var(--bg)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#0b6971,var(--navy) 55%)}form{width:min(430px,90vw);padding:34px;background:white;border-radius:14px;box-shadow:0 30px 80px #001a23aa}.login-logo{display:block;width:86px;height:86px;object-fit:contain;margin:-8px 0 4px}form>span{display:block;color:var(--teal);font-size:.65rem;letter-spacing:.15em;font-weight:800;margin-top:15px}h1{font:500 2.3rem Georgia;margin:5px 0}p{color:var(--muted)}label{display:block;color:var(--muted);font-size:.75rem;margin:12px 0}input{display:block;width:100%;padding:11px;margin-top:5px;border:1px solid var(--line);border-radius:7px;font:inherit}button{padding:10px 14px;border:1px solid var(--line);border-radius:7px;background:white;cursor:pointer}form>button{width:100%;background:var(--navy);color:white;border:0;margin-top:12px}#error{color:#a33b3b}

main{max-width:1280px;margin:0 auto;padding:36px 28px 60px}
.hero{margin-bottom:22px}
.kicker{display:block;color:var(--teal);font-size:.65rem;letter-spacing:.15em;font-weight:800}
.hero h1{font-size:clamp(1.8rem,3.4vw,2.6rem);margin:4px 0}
.hero p{margin:0}

.warning{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;background:#fff6dd;border:1px solid #ebd59b;border-radius:8px;margin-bottom:22px;color:#6b5527}
.warning a{flex:0 0 auto;padding:8px 14px;border:1px solid #ebd59b;border-radius:7px;background:white;color:var(--ink);text-decoration:none;font-size:.78rem;font-weight:700}

.section-label{color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.16em;margin-bottom:12px}

.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.module{display:flex;align-items:flex-start;gap:14px;background:white;border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:10px;padding:18px;text-decoration:none;color:inherit;box-shadow:0 6px 20px #173b4112;transition:transform .15s ease,box-shadow .15s ease}
.module:hover{transform:translateY(-2px);box-shadow:0 10px 28px #173b411c}
.module-seal{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--bg);border:1px solid var(--line);color:var(--teal);display:grid;place-items:center;font:700 .78rem Georgia;letter-spacing:.02em}
.module-body{min-width:0}
.module b,.module small{display:block}
.module small{color:var(--muted);margin-top:4px}
.module-stat{margin-top:10px;font-size:.72rem;font-weight:700;color:var(--ink)}

@media(max-width:700px){.module-grid{grid-template-columns:1fr}main{padding:24px 16px 40px}}