*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Arial;background:#f5f6fb;color:#202124}header{height:68px;background:#17122b;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 28px}header a{color:white;text-decoration:none;border:1px solid #7562d8;padding:8px 12px;border-radius:9px}main{max-width:1100px;margin:auto;padding:25px 18px}.hero{background:linear-gradient(135deg,#21163f,#5b46c8);color:white;padding:30px;border-radius:20px;margin-bottom:20px}.hero h1{font-size:34px;margin:8px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.module,.note,.card{background:white;border:1px solid #e4e4eb;border-radius:16px;box-shadow:0 5px 20px #1e14400d}.module{padding:22px;min-height:135px;display:flex;flex-direction:column;gap:8px}.module span{font-size:28px}.module small{color:#70717c}.note{padding:18px;margin-top:20px}.auth{min-height:100vh;display:grid;place-items:center;padding:18px;background:#f5f2ff}.card{width:min(520px,100%);padding:28px}.card h1{color:#21163f}.card label{display:block;font-weight:650;margin:12px 0}.card input{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #d7d7e1;border-radius:9px;font-size:16px}.btn{display:inline-block;border:0;background:#5b46c8;color:white;padding:13px 18px;border-radius:10px;font-weight:750;cursor:pointer;margin-top:10px}.err,.ok{padding:12px;border-radius:9px;margin:12px 0}.err{background:#fff0f0;color:#9c2020}.ok{background:#edf9f0;color:#17662c}@media(max-width:700px){.grid{grid-template-columns:1fr 1fr}header{padding:0 15px}.hero{padding:22px}.hero h1{font-size:28px}}@media(max-width:450px){.grid{grid-template-columns:1fr}}