*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f7f5fb;color:#1f2937}a{text-decoration:none;color:inherit}.hero{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr}.hero-left{padding:8vw;background:linear-gradient(135deg,#0f172a,#4c1d95,#831843);color:white;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-left:after{content:"⚖";position:absolute;font-size:28vw;opacity:.06;right:-4vw;bottom:-8vw}.brand{font-family:Georgia,serif;font-size:clamp(3rem,7vw,6rem);margin:0}.gold{color:#fde68a}.hero-right{background:white;padding:7vw;display:flex;align-items:center}.panel{width:100%;max-width:470px;margin:auto}.input{width:100%;padding:14px 16px;border:1px solid #ddd;border-radius:12px;margin:7px 0 14px}.btn{display:inline-block;border:0;border-radius:999px;padding:13px 20px;font-weight:700;cursor:pointer;background:linear-gradient(90deg,#6d28d9,#9f1239);color:#fff}.btn.secondary{background:white;color:#6d28d9;border:2px solid #6d28d9}.btn.danger{background:#991b1b}.btn.success{background:#166534}.msg{padding:12px 14px;border-radius:10px;margin:12px 0;background:#fef3c7}.error{background:#fee2e2}.nav{background:#111827;color:#fff;padding:14px 5vw;display:flex;gap:18px;align-items:center;justify-content:space-between}.nav-links{display:flex;gap:14px;flex-wrap:wrap}.wrap{max-width:1180px;margin:auto;padding:35px 20px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 8px 28px rgba(31,41,55,.08);border:1px solid #eee}.card h3{color:#4c1d95}.topic-number{font-size:2.2rem;font-weight:800;color:#7c3aed}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#ede9fe;color:#5b21b6;font-size:.8rem}.content{line-height:1.7}.content h2,.content h3{color:#4c1d95}.case{border-left:4px solid #7c3aed;padding:10px 16px;background:#faf5ff;margin:16px 0}.quiz-option{display:block;padding:10px;border:1px solid #ddd;border-radius:10px;margin:8px 0}.admin-table{width:100%;border-collapse:collapse;background:#fff}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid #eee;text-align:left}.footer{text-align:center;padding:25px;color:#6b7280}.progress{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:#7c3aed}@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-left{min-height:45vh;padding:50px 25px}.hero-right{padding:45px 25px}.admin-table{font-size:.85rem}}