*{box-sizing:border-box}body{margin:0;background:#f3f7fa;color:#243b4a;font:16px/1.6 system-ui}main{background:white;border-radius:20px}button,input,textarea,select{font:inherit}button{padding:9px 16px;border:1px solid #b4cbd5;border-radius:10px;background:#e6f1f4;color:#244c5d;cursor:pointer}button:disabled{opacity:.5}textarea{display:block;width:100%;border:1px solid #b4cbd5;border-radius:10px;padding:12px}details{border:1px solid #c4d4dd;border-radius:12px;padding:16px;margin:14px 0}summary{cursor:pointer;font-weight:600}fieldset{border:1px solid #c4d4dd;border-radius:12px;margin:16px 0;padding:16px}[role=alert]{background:#fff0ef;padding:12px;border-radius:10px}.pupil-home{max-width:1040px;margin:32px auto;padding:28px}.pupil-head,.pupil-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.pupil-top{max-width:850px;margin:16px auto}.pupil-head p{color:#526777;margin:0}.pupil-head h1{font-size:2rem;margin:4px 0 20px}.pupil-login{max-width:420px;margin:24px auto;display:grid;gap:18px}.pupil-login label{display:grid;gap:6px}.pupil-login input{padding:12px;border:1px solid #a6bac5;border-radius:10px;width:100%}.pupil-tabs{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.pupil-tabs button[aria-pressed=true]{background:#cfe7de;border-color:#7aab97}.pupil-tabs span{padding:0 6px}.pupil-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.pupil-card{background:#f6f9fd;border:1px solid #d7e1eb;border-top:5px solid #c1d3ed;border-radius:16px;padding:20px}.pupil-card:nth-child(3n+2){border-top-color:#c3dfcf}.pupil-card:nth-child(3n){border-top-color:#e6d2b7}.pupil-card h2{font-size:1.25rem}.pupil-card>span{font-size:.875rem;color:#506478}.pupil-home footer{display:flex;align-items:center;gap:12px;margin-top:28px;flex-wrap:wrap}.pupil-home footer span{margin-left:auto;color:#526777}.pupil-empty{padding:40px;text-align:center;background:#f6f9fd;border-radius:16px}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7495b5;outline-offset:3px}@media(max-width:600px){.pupil-home,.pupil-paper{margin:0!important;border-radius:0!important;padding:18px!important}.pupil-head{align-items:flex-start}.pupil-head h1{font-size:1.6rem}.pupil-top{padding:12px}}