:root{color:#13324d;background:radial-gradient(circle at top left,rgba(0,122,255,.12),transparent 28%),linear-gradient(180deg,#fff,#f6f9ff);font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;--accent: #007aff;--accent-soft: rgba(0, 122, 255, .12);--accent-strong: #005fcc;--border: #dbe7f4;--panel: rgba(255, 255, 255, .88);--shadow: 0 28px 70px rgba(0, 64, 128, .08);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.page-shell{margin:0 auto;max-width:1180px;min-height:100vh;padding:32px 20px 56px}.stack{display:grid;gap:24px}.hero-card,.panel,.quiz-card,.admin-card,.login-card,.summary-card,.table-card,.form-card,.slide-card,.result-card{background:var(--panel);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card,.login-card,.summary-card{text-align:center}.hero-card,.summary-card,.login-card,.slide-card,.quiz-card,.admin-card,.table-card,.form-card,.result-card{padding:28px}.eyebrow{color:var(--accent);font-size:.82rem;font-weight:700;letter-spacing:.14em;margin:0 0 12px;text-transform:uppercase}.title{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em;line-height:1;margin:0}.subtitle{color:#55708b;margin:12px auto 0;max-width:720px}.actions,.meta-row,.toolbar,.dot-row,.quiz-actions,.stats-grid,.dashboard-grid,.form-grid,.split-grid{display:flex;flex-wrap:wrap;gap:12px}.split-grid{align-items:start;display:grid;grid-template-columns:minmax(0,2.35fr) minmax(240px,.72fr)}.stats-grid,.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stack-sm{display:grid;gap:12px}.primary-button,.secondary-button,.ghost-button{border-radius:999px;border:none;min-height:46px;padding:0 20px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.primary-button{background:linear-gradient(135deg,var(--accent) 0%,#3191ff 100%);box-shadow:0 18px 30px #007aff2e;color:#fff;font-weight:700}.secondary-button{background:#007aff14;color:var(--accent-strong);font-weight:700}.ghost-button{background:transparent;border:1px solid var(--border);color:#23425e;font-weight:600}.icon-button{align-items:center;background:#fff;border:1px solid var(--border);border-radius:999px;color:var(--accent-strong);display:inline-flex;height:40px;justify-content:center;padding:0;width:40px}.summary-card-button{appearance:none;text-align:center}.summary-card-button.active{border-color:#007aff59;box-shadow:0 20px 36px #007aff1f}.results-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.admin-layout-grid{grid-template-columns:minmax(320px,.9fr)}.modal-backdrop{align-items:center;background:#08182861;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.modal-card{margin:0;max-height:min(92vh,860px);max-width:640px;overflow-y:auto;width:min(100%,640px)}.modal-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.icon-button svg{display:block;height:18px;width:18px}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.icon-button:hover{transform:translateY(-1px)}.summary-card-button:hover{transform:translateY(-2px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.login-layout{align-items:center;display:grid;min-height:100vh;padding:24px}.login-card{margin:0 auto;max-width:520px;width:100%}.form-grid{display:grid;gap:16px}.field{display:grid;gap:8px;text-align:left}.field label{color:#33516d;font-size:.95rem;font-weight:600}.field input,.field textarea,.field select{background:#fff;border:1px solid var(--border);border-radius:16px;color:#13324d;min-height:50px;padding:0 16px}.field textarea{min-height:120px;padding:12px 16px;resize:vertical}.status-text{color:#4e6c88;font-size:.95rem}.error-text{color:#b5335a;font-size:.95rem}.pill{align-items:center;background:#007aff14;border-radius:999px;color:var(--accent-strong);display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;padding:8px 14px}.slide-frame{aspect-ratio:16 / 9;background:linear-gradient(180deg,#f8fbff,#edf4ff);border:1px solid var(--border);border-radius:24px;overflow:hidden}.slide-frame img{display:block;height:100%;object-fit:contain;width:100%}.dot-row{justify-content:center}.dot-button{background:#d4e4f7;border:none;border-radius:999px;height:12px;padding:0;width:12px}.dot-button.active{background:var(--accent);transform:scale(1.15)}.question-card{border:1px solid var(--border);border-radius:22px;display:grid;gap:14px;padding:20px}.answer-grid{display:grid;gap:10px}.answer-option{align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:18px;display:flex;gap:12px;padding:14px 16px}.answer-option.selected{border-color:#007aff73;box-shadow:0 0 0 3px #007aff14}.answer-option.selected-correct{background:#29a7451a;border-color:#29a74573;box-shadow:0 0 0 3px #29a7451f}.answer-option.selected-incorrect{background:#c6282814;border-color:#c628286b;box-shadow:0 0 0 3px #c628281a}.stat-value{color:#0e2438;font-size:2rem;font-weight:800;letter-spacing:-.05em;margin:8px 0 0}.stat-label{color:#5a758f;margin:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:100%}th,td{border-bottom:1px solid var(--border);padding:14px 10px;text-align:left}th{color:#4a6885;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}td{color:#173652}.table-empty{color:#607992;padding:18px 0 4px}@media(max-width:900px){.split-grid{grid-template-columns:1fr}}@media(max-width:640px){.page-shell{padding:18px 14px 36px}.hero-card,.summary-card,.login-card,.slide-card,.quiz-card,.admin-card,.table-card,.form-card,.result-card{border-radius:22px;padding:20px}.actions,.meta-row,.toolbar,.quiz-actions{flex-direction:column}.modal-backdrop{padding:12px}.modal-header{align-items:stretch;flex-direction:column}.primary-button,.secondary-button,.ghost-button{width:100%}}