*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#eaf3ff,#f7f5ff 55%,#e7fbf4);font-family:system-ui,Segoe UI,Arial;color:#172746}.wrap{max-width:1100px;margin:auto;padding:18px}.hero,.top{background:linear-gradient(115deg,#10234d,#1769d2,#24a9bb);color:white;border-radius:20px;padding:22px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:15px}.hero h1,.top h1{margin:0}.hero p,.top p{margin:5px 0 0;color:#dbeafe}.score{font-weight:900;background:#ffffff20;padding:12px;border-radius:12px}.card{background:#ffffffed;border:1px solid #dce8fa;border-radius:18px;padding:20px;margin:15px 0;box-shadow:0 8px 25px #23436c0d}.narrow{max-width:520px;margin:25px auto}.card h2{margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.chapter .icon{font-size:35px}.chapter h3{margin:7px 0}.muted{color:#64748b;font-size:13px}.btn{display:inline-block;background:linear-gradient(120deg,#1769d2,#259fc6);color:white;border:0;padding:11px 16px;border-radius:11px;font-weight:800;text-decoration:none;cursor:pointer;margin-top:8px}.btn.small{padding:8px 12px}label{display:block;font-size:13px;font-weight:800;margin:12px 0 5px}input,select,textarea{width:100%;padding:11px;border:1px solid #cfdaeb;border-radius:10px;font:inherit;background:white;color:#172746}input[type=checkbox]{width:auto}.error{background:#ffe8ec;color:#a52a42;padding:10px;border-radius:10px}.foot{text-align:center;color:#64748b;font-size:12px;padding:18px}.profile{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.photo{width:76px;height:76px;border-radius:50%;overflow:hidden;background:#e5efff;display:grid;place-items:center;font-size:35px}.photo img,.mini-photo img{width:100%;height:100%;object-fit:cover}.profile form{flex:1;min-width:220px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:500px}td,th{text-align:left;border-bottom:1px solid #e5edf8;padding:10px;font-size:14px}.mini-photo{display:inline-grid;vertical-align:middle;width:32px;height:32px;border-radius:50%;overflow:hidden;place-items:center;background:#e5efff}.material{line-height:1.7;white-space:normal}.option{display:block;width:100%;text-align:left;background:#fff;border:2px solid #dbe6f5;border-radius:12px;padding:13px;margin:8px 0;cursor:pointer;font:inherit}.option:disabled{cursor:default}.option.good{background:#e8fff5;border-color:#16a36a}.option.bad{background:#fff0f2;border-color:#e44e64}a{color:#1769d2}@media(max-width:600px){.wrap{padding:10px}.hero,.top{align-items:flex-start;flex-direction:column}.card{padding:15px}}
