*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#15334b}header{height:76px;display:flex;align-items:center;gap:16px;padding:0 6%;border-bottom:1px solid #dcebf4;position:sticky;top:0;background:#fffffff2;z-index:5}header img,footer img{width:64px}header nav{margin-left:auto;display:flex;gap:22px}a{text-decoration:none;color:#15334b}.hero{padding:80px 7%;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;background:linear-gradient(135deg,#fff,#edf8ff)}.hero h1{font-size:60px;margin:10px 0;color:#0c3558}.hero p{font-size:18px;color:#607a8c}.hero span,.title span{font-size:12px;font-weight:bold;letter-spacing:1.5px;color:#45a1d8}button,.test a{border:0;background:#0c3558;color:white;border-radius:12px;padding:13px 18px;font-weight:bold;cursor:pointer}.light{background:white;color:#0c3558;border:1px solid #b9d9ea}.row{display:flex;gap:10px}.heroCard{background:white;padding:28px;border-radius:24px;box-shadow:0 20px 55px #174b6d1d}.heroCard b{color:#e07820}.section{padding:80px 7%}.soft{background:#f3f8fb}.title{text-align:center;margin-bottom:35px}.title h2{font-size:38px;margin:8px}.panel,.admin{max-width:1050px;margin:auto;border:1px solid #dcebf4;border-radius:24px;padding:28px;background:white}.profile{display:flex;gap:15px;align-items:center}.profile small{display:block;margin-top:5px}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#e4f5ff;font-weight:bold;color:#2588c1}.ok{color:#198754}.test{margin:25px 0;padding:25px;border-radius:18px;background:#eef8fe;display:flex;align-items:center;justify-content:space-between}.test span{font-size:11px;color:#388fc4;font-weight:bold}.studentGrid,.features,.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.studentGrid article,.features article{padding:22px;border:1px solid #dcebf4;border-radius:16px}.toolbar{display:flex;gap:12px;margin-bottom:20px}.toolbar input{flex:1;padding:13px;border:1px solid #d2e2ec;border-radius:11px}.metrics{grid-template-columns:repeat(4,1fr);margin:18px 0}.metrics div{padding:18px;background:#f5f9fb;border-radius:14px}.metrics small,.metrics b{display:block}.metrics b{font-size:25px;margin-top:6px}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid #e3edf3;font-size:14px}.pill{padding:6px 9px;border-radius:10px;background:#edf6fb}.danger{background:#fff0f0;color:#a33}.modal{display:none;position:fixed;inset:0;background:#123a5799;z-index:20;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modalCard{width:min(430px,100%);background:white;border-radius:20px;padding:28px;position:relative}.modalCard input,.modalCard select{width:100%;padding:13px;margin:7px 0;border:1px solid #d2e2ec;border-radius:10px}.x{position:absolute;right:15px;top:12px;background:none;color:#333;font-size:24px}footer{padding:30px 7%;display:flex;align-items:center;gap:15px;border-top:1px solid #dcebf4}@media(max-width:760px){header nav{display:none}.hero{grid-template-columns:1fr;padding:55px 22px}.hero h1{font-size:42px}.section{padding:55px 20px}.test{align-items:flex-start;gap:18px;flex-direction:column}.studentGrid,.features,.metrics{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.panel,.admin{padding:18px}.toolbar{flex-direction:column}}