:root{--navy:#073b5c;--blue:#08769a;--gold:#f4a51c;--ink:#123047;--bg:#f3f7fa}*{box-sizing:border-box}body{margin:0;font:16px/1.5 Arial,sans-serif;color:var(--ink);background:var(--bg)}header{background:var(--navy);color:#fff;padding:14px max(24px,4vw);display:flex;justify-content:space-between;align-items:center;font-size:20px}.brand{display:flex;align-items:center;gap:14px;font-weight:bold}.brand-logo{display:flex;align-items:center;background:#fff;border-radius:8px;padding:5px 8px}.brand-logo img{display:block;width:190px;max-height:57px;object-fit:contain}nav{display:flex;gap:20px;align-items:center;font-size:14px}nav a{color:#fff;text-decoration:none}main{max-width:1200px;margin:auto;padding:42px 24px}.intro{background:linear-gradient(120deg,var(--navy),var(--blue));color:#fff;padding:40px;border-radius:20px;margin-bottom:28px}.intro h1{font-size:38px;margin:4px 0}.eyebrow{color:#ffd166;text-transform:uppercase;letter-spacing:.12em;font-weight:bold}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}.app,.panel{background:#fff;border:1px solid #d8e4eb;border-radius:16px;padding:24px}.app{display:grid;grid-template-columns:52px 1fr;gap:15px;min-height:220px}.app .open,.app .soon{grid-column:1/-1;align-self:end}.icon{width:52px;height:52px;border-radius:14px;background:#e0f2f7;color:var(--blue);display:grid;place-items:center;font-size:24px;font-weight:bold}.app h2{margin:0}.open,button{background:var(--blue);color:#fff;border:0;border-radius:9px;padding:11px 16px;text-decoration:none;font-weight:bold}.soon{color:#856013;background:#fff2ce;border-radius:999px;padding:7px 12px;width:max-content;font-weight:bold}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),#0b829b)}.login-card{width:min(460px,92vw);background:#fff;padding:36px;border-radius:20px;box-shadow:0 20px 60px #00243a66}.login-logo{display:block;width:100%;max-width:340px;height:auto;margin:0 auto 24px}.login-card h1{margin-top:0}label{display:block;margin:14px 0}input{width:100%;padding:12px;border:1px solid #b9cbd6;border-radius:8px;font:inherit}.check input{width:auto}.error{color:#a92727}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.person{padding:12px 0;border-bottom:1px solid #e2eaef}.person span{display:block;color:#637988}@media(max-width:700px){header,.columns{display:block}.brand-logo img{width:160px}nav{margin-top:12px;flex-wrap:wrap}.intro h1{font-size:29px}.columns{grid-template-columns:1fr}}