*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#07325b}body{background:linear-gradient(145deg,#062b4f 0,#0d5b8d 48%,#0e7d77 100%);min-height:100vh}.topbar{height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#061e35;color:#fff;border-bottom:3px solid #b97b25}.brand{display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:center;color:#fff;text-decoration:none}.brand span{grid-row:1/3;font-size:30px}.brand b{font-size:23px;letter-spacing:4px}.brand small{font-size:11px;color:#c7d7e5}.home{color:#fff;text-decoration:none;font-weight:900;font-size:13px;border:1px solid #42728f;border-radius:999px;padding:10px 14px}main{width:min(1220px,94vw);margin:28px auto}.hero{display:grid;grid-template-columns:1fr 230px;gap:24px;align-items:center;padding:30px 34px;border:4px solid #c38934;border-radius:25px;background:linear-gradient(105deg,#fff0b9,#d8f2ed);box-shadow:0 12px 34px #00192f66}.hero .eyebrow{font-size:12px;font-weight:1000;letter-spacing:2px;color:#9b5b14}.hero h1{font-size:clamp(42px,6vw,74px);line-height:.96;margin:10px 0 16px}.hero p{font-size:18px;line-height:1.45;max-width:780px;margin:0;font-weight:700}.hero img{width:100%;border-radius:22px;border:4px solid #0e5c89}.doors{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.door{text-decoration:none;border-radius:24px;border:4px solid #c38934;padding:28px 30px;min-height:330px;box-shadow:0 12px 26px #00192f55;transition:transform .15s ease,box-shadow .15s ease}.door:hover{transform:translateY(-4px);box-shadow:0 18px 34px #00192f77}.door .icon{font-size:52px;display:block}.door small{display:block;font-size:12px;letter-spacing:2px;font-weight:1000;margin-top:10px}.door h2{font-size:clamp(31px,4vw,52px);line-height:1;margin:10px 0 14px}.door p{font-size:17px;line-height:1.45;font-weight:700;min-height:100px}.door b{display:inline-block;margin-top:10px;padding:14px 18px;border-radius:12px;font-size:15px}.student{background:linear-gradient(145deg,#dff8ff,#b9e7ff);color:#064c74}.student b{background:#0d76a6;color:#fff}.teacher{background:linear-gradient(145deg,#fff3c7,#e6f8d1);color:#254e13}.teacher b{background:#2b9e53;color:#fff}.modes{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:24px 0}.modes b{background:#062b4f;color:#fff;border:2px solid #5ab8d8;border-radius:999px;padding:9px 13px;font-size:11px;letter-spacing:.5px}.law{display:flex;justify-content:center;gap:18px;align-items:center;padding:18px;background:#fff;border:3px solid #c38934;border-radius:18px;font-weight:900}.law strong{color:#087e46}.law span{color:#31556d}footer{width:min(1220px,94vw);margin:0 auto 24px;display:flex;justify-content:space-between;color:#eaf6ff;font-weight:700;font-size:12px}@media(max-width:760px){.topbar{height:auto;padding:14px 4vw}.home{font-size:10px}.hero{grid-template-columns:1fr;padding:24px}.hero img{width:180px;justify-self:center}.doors{grid-template-columns:1fr}.door{min-height:0}.door p{min-height:0}.law{flex-direction:column;gap:6px}footer{flex-direction:column;gap:8px}.brand b{font-size:18px}}