:root{--ink:#193347;--teal:#097a74;--edge:#d9e7e9;--bg:#f5f9fb;--soft:#f0f6f6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:#086a76}h1,h2,h3{line-height:1.25}h1{font-size:clamp(1.55rem,3vw,2.2rem)}h2{font-size:1.26rem}.topbar{background:#102d3a;color:white;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:16px max(22px,calc((100vw - 1180px)/2));gap:12px}.topbar a{color:#eaf7f7;text-decoration:none}.topbar nav{display:flex;gap:18px;flex-wrap:wrap}.brand{font-weight:850;font-size:1.25rem}.brand span{font-size:.85rem;font-weight:400;color:#b4dade}.container{width:min(1180px,94%);margin:24px auto 70px}.page-top{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:18px}.page-top small,.muted{color:#647780}.card{background:white;border:1px solid var(--edge);border-radius:16px;padding:22px;margin:0 0 20px;box-shadow:0 8px 28px #0b435009}.narrow{max-width:610px;margin:0 auto 24px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{background:linear-gradient(115deg,#103c53,#0b8077);border-radius:20px;color:white;padding:40px;display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:12px 0 24px}.hero h2{font-size:clamp(1.8rem,3.5vw,3rem)}.hero-art{border:2px solid #ffffff60;border-radius:20px;font-size:7rem;text-align:center;display:grid;place-content:center;line-height:1}.hero-art span{font-size:.9rem;line-height:3}.hero .btn{background:white;color:#125366}form label{display:block;font-weight:650;margin:12px 0 15px}input,select,textarea{display:block;width:100%;margin-top:5px;padding:11px 12px;border:1px solid #b9ccd2;background:white;border-radius:9px;font:inherit;color:var(--ink)}textarea{resize:vertical}input[type=color]{height:46px;padding:4px}input[type=radio]{width:auto;display:inline}button,.btn{display:inline-block;background:var(--teal);color:#fff;border:1px solid var(--teal);padding:11px 17px;border-radius:10px;font:700 .92rem system-ui;text-decoration:none;cursor:pointer}button:hover,.btn:hover{filter:brightness(.92)}.subtle,.btn.subtle{background:#eff8f7;color:#136365;border-color:#c9e8e3}.danger{background:#a73535;border-color:#a73535}.small{padding:6px 9px;font-size:.82rem}.between{display:flex;justify-content:space-between;align-items:center;gap:14px}.wrap{flex-wrap:wrap}.inline{display:inline-flex;gap:8px;align-items:center}.inline select{min-width:140px}.notice{padding:15px;border-radius:10px;margin-bottom:18px}.notice.ok{background:#e1f7ed;color:#126041}.notice.err{background:#ffe6e6;color:#862b2b}.notice textarea{width:100%}.stat{padding:24px;background:white;border:1px solid var(--edge);border-radius:14px;margin-bottom:20px}.stat strong{display:block;font-size:2.5rem;color:var(--teal)}.stat span,.tile p{color:#586f78}.tile{background:var(--soft);padding:18px;border-radius:12px}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:12px;border-bottom:1px solid var(--edge);vertical-align:top}th{background:#eaf3f4;white-space:nowrap}td small{display:block;color:#697a80}.pill{padding:3px 10px;background:#e6f5f3;border-radius:99px;font-size:.79rem;color:#145c62}.chip{display:inline-block;margin:3px;padding:3px 7px;background:#e9f3f4;border-radius:5px}.question-row{border-bottom:1px solid var(--edge);padding:14px 0;display:flex;justify-content:space-between;gap:12px}.row-actions{display:flex;gap:6px;align-items:start}.row-actions form{margin:0}.exam-question{margin:18px 0}.choice{display:block!important;border:1px solid var(--edge);padding:12px;border-radius:10px;margin:10px 0!important;cursor:pointer}.choice:hover{background:#edf8f7}.timer{position:sticky;top:10px;background:#0d4d5d;color:white;padding:8px 15px;border-radius:10px;z-index:2}.certificate{--accent:#215e80;--paper:#fffefa;width:100%;max-width:1050px;aspect-ratio:297/210;background:var(--paper);border:12px solid var(--accent);margin:15px auto 40px;padding:14px;box-shadow:0 6px 25px #3452}.cert-inner{height:100%;border:2px solid var(--accent);padding:3.5% 5%;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between}.cert-mark{text-transform:uppercase;letter-spacing:3px;font-size:.75rem;color:var(--accent)}.certificate h2{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:4px;font-size:clamp(1.5rem,3.5vw,3rem);color:var(--accent);margin:5px}.cert-sub{font-style:italic}.cert-name{font:clamp(1.5rem,3.4vw,3rem) Georgia,serif;border-bottom:2px solid var(--accent);min-width:55%}.cert-message{max-width:720px;font-size:clamp(.7rem,1.5vw,1.12rem)}.cert-line{border-top:1px solid var(--accent);width:220px}.cert-sign b,.cert-sign span{display:block}.cert-foot{font-size:.75rem;color:var(--accent)}.foot{text-align:center;padding:22px;background:#102d3a;color:white}@media(max-width:740px){.grid.two,.grid.three,.hero{grid-template-columns:1fr}.hero-art{display:none}.card{padding:16px}.topbar{padding:15px 20px}.question-row{flex-direction:column}.page-top{align-items:start}.certificate{border-width:6px;padding:4px}.cert-inner{padding:2%}.cert-mark{font-size:.5rem;letter-spacing:1px}.cert-message{font-size:.6rem}.cert-foot{font-size:.45rem}}@page{size:A4 landscape;margin:0}@media print{body{background:white}.topbar,.foot,.no-print,.page-top,.btn,button{display:none!important}.container{margin:0;width:100%;max-width:none}.card{box-shadow:none}.certificate{width:297mm;height:210mm;margin:0;max-width:none;box-shadow:none;page-break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.cert-message{font-size:18pt}.cert-name{font-size:32pt}.certificate h2{font-size:34pt}}