:root{--navy:#0a2747;--blue:#0d5cab;--gold:#d7a62a;--bg:#f2f6fa;--text:#172b3f}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--text);background:var(--bg)}button,input{font:inherit}.center,.loginPage{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#071d36,#0d5cab)}.center{color:white}.loginCard{width:min(460px,100%);background:white;border-radius:18px;padding:38px;box-shadow:0 24px 70px #00152d88;text-align:center;border-top:7px solid var(--gold)}.crest{margin:auto;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#f7e7aa;color:#8a6300;font-weight:700}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold);font-weight:700}.loginCard h1{font-size:42px;margin:8px 0;color:var(--navy)}.tagline{line-height:1.5;color:#597086}.loginCard form{text-align:left;margin-top:28px}.loginCard label{display:block;font-weight:700;margin:16px 0}.loginCard input{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid #c7d3df;border-radius:8px}.actions button,.loginCard button{width:100%;padding:14px;border:0;border-radius:8px;color:white;background:var(--blue);font-weight:700;cursor:pointer}.message{color:#b42318}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px clamp(20px,6vw,80px);background:var(--navy);color:white}.brand{font-size:25px;font-weight:700}.sub{margin-left:15px;color:#a9c6e2}.exit{background:transparent;color:white;border:1px solid #7892ac;padding:9px 14px;border-radius:7px}.hero{padding:42px clamp(20px,6vw,80px);background:linear-gradient(120deg,#0a2747,#0d5cab);color:white}.hero h1{font-size:clamp(30px,5vw,50px);margin:8px 0}.content{padding:28px clamp(20px,6vw,80px);max-width:1400px;margin:auto}.notice{display:flex;gap:12px;flex-wrap:wrap;background:#fff7dc;border-left:5px solid var(--gold);padding:18px;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.card{display:flex;gap:16px;align-items:center;background:white;padding:22px;border-radius:12px;box-shadow:0 5px 18px #173b5d18}.card strong{font-size:30px;color:var(--blue)}.card p{margin:4px 0}.icon{font-size:28px}.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.actions button{background:var(--navy)}footer{text-align:center;padding:30px;color:#60758a}.spinner{width:42px;height:42px;border:4px solid #ffffff44;border-top-color:white;border-radius:50%;animation:s 1s linear infinite}@keyframes s{to{transform:rotate(1turn)}}