:root{--n:#063b57;--b:#0673a5;--t:#18aaa0;--p:#f3f8fa}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#082f44;background:var(--p)}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 75% 20%,#1aafa955,transparent 30%),linear-gradient(135deg,#052e46,#086184)}.loginCard{width:min(460px,92vw);padding:42px;background:#fff;border-radius:26px;box-shadow:0 30px 80px #00182799}.mark{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;color:#fff;background:linear-gradient(135deg,var(--b),var(--t))}.loginCard label{display:block;margin:18px 0;font-weight:bold}.loginCard input{width:100%;padding:14px;margin-top:7px;border:1px solid #bfd4df;border-radius:12px}.loginCard button{width:100%;padding:15px;border:0;border-radius:12px;color:#fff;font-weight:bold;background:linear-gradient(90deg,var(--b),var(--t))}.alert{padding:12px;background:#ffe5e5;color:#8a2020;border-radius:10px}aside{position:fixed;inset:0 auto 0 0;width:240px;padding:28px;background:var(--n);color:#fff}aside a{display:block;padding:13px;color:#fff;text-decoration:none}.dash{margin-left:240px;padding:36px}.dash header span{padding:8px 14px;border-radius:99px;background:#d9f4f0}.hero{margin:25px 0;padding:36px;border-radius:22px;color:#fff;background:linear-gradient(120deg,var(--n),var(--b),var(--t))}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.grid article{padding:24px;background:#fff;border:1px solid #d8e7ed;border-radius:18px}.grid b{color:var(--t);text-transform:uppercase}@media(max-width:700px){aside{position:static;width:auto}.dash{margin:0;padding:20px}}