:root{--bg:#1a1513;--bg-darker:#161418;--surface:#2a1f1bb3;--surface-solid:#2a1f1b;--surface-2:#2a1f1b80;--text:#f4ede4;--muted:#a39b94;--line:#ffffff1a;--line-hover:#fff3;--primary:#c99b61;--primary-hover:#dabb93;--primary-dark:#8b6338;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--shadow:0 12px 35px #0000004d;--radius:20px;--radius-sm:12px;--glow:0 0 20px #c99b614d}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}body{background:radial-gradient(circle at 70% 30%,#4a3424 0%,#1e191d 60%,#161822 100%) fixed;min-height:100vh}body:before{content:"";opacity:.08;pointer-events:none;z-index:0;background:url(/bg-texture.png);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}code{color:var(--primary);background:#c99b6126;border-radius:.5rem;padding:.15rem .5rem}.site-shell{z-index:1;min-height:100vh;position:relative}.topbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#1a1513e6;position:sticky;top:0}.container{width:min(1280px,100vw - 32px);margin-inline:auto}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;min-height:80px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-logo{object-fit:contain;border:1px solid #c99b614d;border-radius:14px;width:48px;height:48px;box-shadow:0 4px 12px #0000004d}.brand-mark{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:1px solid #e2b7834d;border-radius:14px;place-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:800;display:inline-grid;box-shadow:0 4px 12px #0000004d}.brand-text{flex-direction:column;display:flex}.brand-name{color:#fff;letter-spacing:.02em;font-size:1.4rem;font-weight:700}.brand-subtitle{color:var(--primary);letter-spacing:.15em;text-transform:uppercase;margin-top:2px;font-size:.7rem;display:block}.topbar-nav{gap:8px;display:flex}.topbar-nav a{color:var(--muted);border-radius:var(--radius-sm);padding:10px 16px;transition:all .2s}.topbar-nav a:hover{color:#fff;background:#ffffff0d}.page{padding:48px 0 80px}.hero{grid-template-columns:1.4fr 1fr;align-items:stretch;gap:32px;display:grid}.hero.hero-centered{text-align:center;grid-template-columns:1fr;max-width:700px;margin:0 auto}.hero-centered .hero-actions{justify-content:center}.hero-tags{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.tag{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 18px;font-size:.85rem}.hero-copy,.hero-panel{min-height:100%}.hero-copy h1,.quiz-title,.auth-copy h1{color:#fff;margin:0 0 16px;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.15}.hero-text,.lead{color:var(--muted);font-size:1.1rem;line-height:1.9}.hero-actions,.center-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.eyebrow{color:var(--primary);letter-spacing:.05em;text-transform:uppercase;margin:0 0 12px;font-size:.85rem;font-weight:600}.card{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;transition:border-color .3s,transform .2s}.card:hover{border-color:var(--line-hover)}.card-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:20px;display:flex}.card-title{color:#fff;margin:0;font-size:1.25rem}.card-subtitle{color:var(--muted);margin:8px 0 0;font-size:.9rem;line-height:1.6}.stack{flex-direction:column;display:flex}.gap-lg{gap:24px}.gap-xl{gap:32px}.three-col-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.two-col-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.clean-list{color:var(--muted);margin:0;padding-inline-start:0;line-height:2.2;list-style:none}.clean-list li{align-items:center;gap:10px;display:flex}.clean-list li:before{content:"";background:var(--primary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.muted{color:var(--muted);margin:0;line-height:1.7}.text-center{text-align:center}.center-panel{place-items:center;min-height:calc(100vh - 200px);display:grid}.loading-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;min-width:300px;padding:40px}.spinner{border:4px solid #c99b6133;border-top-color:var(--primary);border-radius:999px;width:42px;height:42px;margin:0 auto 20px;animation:1s linear infinite spin}.button{cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-weight:700;transition:all .25s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--bg);box-shadow:var(--glow)}.button-primary:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary));box-shadow:0 0 30px #c99b6166}.button-secondary{background:var(--surface-solid);color:var(--text);border-color:var(--line)}.button-secondary:hover{border-color:var(--line-hover);background:#ffffff0d}.button-sm{min-height:40px;padding-inline:14px;font-size:.92rem}.full-width{width:100%}.inline-button{width:fit-content}.badge{border:1px solid #0000;border-radius:999px;align-items:center;min-height:28px;padding:0 12px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-default{color:var(--muted);background:#a39b9426;border-color:#a39b9440}.badge-success{color:#34d399;background:#10b98126;border-color:#10b9814d}.badge-warning{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b4d}.badge-danger{color:#f87171;background:#ef444426;border-color:#ef44444d}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.stat-card{border:1px solid var(--line);text-align:center;background:#1a151399;border-radius:14px;padding:16px}.stat-label{color:var(--muted);margin-bottom:8px;font-size:.85rem;display:block}.stat-value{color:#fff;font-size:1.6rem;font-weight:700}.stat-value-small{font-size:.95rem;line-height:1.6}.toolbar{flex-wrap:wrap;gap:12px;display:flex}.input,.select{border:1px solid var(--line);width:100%;min-height:48px;color:var(--text);background:#1a1513cc;border-radius:14px;padding:0 16px;transition:border-color .2s}.input::placeholder{color:var(--muted)}.input:focus,.select:focus{border-color:var(--primary);outline:none}.select{width:220px}.field{gap:8px;display:grid}.field label{color:var(--muted);font-size:.9rem}.auth-shell{grid-template-columns:1fr;align-items:stretch;gap:24px;width:min(480px,100vw - 32px);margin:0 auto;display:grid}.auth-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:var(--radius);min-width:320px;padding:32px}.error-text{color:var(--danger);margin:0;font-size:.9rem}.field-label{flex-direction:column;gap:6px;font-size:.95rem;font-weight:600;display:flex}.admin-shell{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:28px;display:grid}.admin-sidebar{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;position:sticky;top:100px}.admin-sidebar-top{border-bottom:1px solid var(--line);padding-bottom:16px}.admin-nav{gap:8px;margin-top:16px;display:grid}.admin-nav a{color:var(--muted);border-radius:var(--radius-sm);padding:10px 14px;font-weight:600;transition:all .2s}.admin-nav a:hover{color:#fff;background:#ffffff0d}.admin-content{min-width:0}.table-wrapper{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);overflow:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:right;vertical-align:middle;padding:16px 18px}.data-table thead th{color:var(--muted);background:#1a1513cc;font-size:.85rem;font-weight:500}.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:#ffffff08}.empty-state{text-align:center;color:var(--muted);padding:40px 20px}.empty-state.compact{padding:12px 0}.meter-row{gap:8px;display:grid}.meter-row-head{justify-content:space-between;gap:12px;font-size:.9rem;font-weight:500;display:flex}.meter-row-head span:first-child{color:var(--muted)}.meter-row-head span:last-child{color:#fff;font-weight:600}.meter{background:#0006;border-radius:999px;width:100%;height:8px;overflow:hidden}.meter-fill{border-radius:inherit;background:linear-gradient(90deg,var(--primary-dark),var(--primary));height:100%;transition:width .6s}.meter-fill.success{background:linear-gradient(90deg,#059669,#10b981)}.meter-fill.warning{background:linear-gradient(90deg,#d97706,#f59e0b)}.meter-fill.danger{background:linear-gradient(90deg,#dc2626,#ef4444)}.flag-row{background:#ef444414;border:1px solid #ef444433;border-radius:14px;padding:16px}.flag-row.medium{background:#f59e0b14;border-color:#f59e0b33}.flag-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.section-mini-title{color:#fff;margin:0 0 12px;font-size:1rem}.quiz-container{place-items:center;min-height:calc(100vh - 180px);padding:24px 0;display:grid}.quiz-shell{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);width:min(900px,100%);box-shadow:var(--shadow);border-radius:28px;padding:32px}.quiz-top{justify-content:space-between;align-items:start;gap:24px;display:flex}.quiz-meta{gap:12px;min-width:130px;display:grid}.quiz-counter,.quiz-timer{border:1px solid var(--line);min-height:52px;color:var(--muted);background:#1a151399;border-radius:14px;place-items:center;font-weight:700;display:grid}.quiz-timer.warning{color:var(--warning);background:#f59e0b1a;border-color:#f59e0b59}.quiz-progress{background:#0006;border-radius:999px;width:100%;height:10px;margin:24px 0;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg,var(--primary-dark),var(--primary),#e2b783);border-radius:inherit;height:100%;transition:width .5s ease-out}.quiz-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.choice-card{text-align:center;border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;min-height:200px;padding:32px 24px;transition:all .3s;display:flex;position:relative;overflow:hidden}.choice-card:before{content:"";border:2px solid var(--primary);opacity:0;border-radius:24px;transition:all .3s;position:absolute;inset:0;transform:scale(1.02)}.choice-card:hover:not(:disabled){border-color:var(--primary);background:#c99b6114;transform:translateY(-4px)}.choice-card:hover:not(:disabled):before{opacity:1;transform:scale(1)}.choice-card:disabled{cursor:wait;opacity:.6}.choice-mark{width:44px;height:44px;color:var(--primary);background:#c99b6126;border:1px solid #c99b614d;border-radius:999px;place-items:center;font-size:1.2rem;font-weight:800;display:inline-grid}.choice-text{color:var(--text);font-size:1.15rem;line-height:1.8}.quiz-footer-note{text-align:center;color:var(--muted);margin-top:24px;font-size:.9rem}.completed-icon{background:#c99b6126;border:2px solid #c99b614d;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 24px;display:flex}.completed-icon svg{width:48px;height:48px;color:var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.score-circle{background:#1a1513cc;border:2px solid #c99b6166;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:inset 0 2px 8px #0006}.score-circle span{background:linear-gradient(135deg,var(--primary),#e2b783);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700}.progress-bar-mini{align-items:center;gap:10px;display:flex}.progress-bar-mini .bar{background:#0006;border-radius:999px;flex:1;height:8px;overflow:hidden}.progress-bar-mini .fill{border-radius:inherit;height:100%;transition:width .4s}.progress-bar-mini .fill.green{background:linear-gradient(90deg,#059669,#10b981)}.progress-bar-mini .fill.yellow{background:linear-gradient(90deg,#d97706,#f59e0b)}.progress-bar-mini .fill.red{background:linear-gradient(90deg,#dc2626,#ef4444)}@media (max-width:980px){.hero,.auth-shell,.admin-shell,.two-col-grid,.three-col-grid{grid-template-columns:1fr}.admin-sidebar{position:static}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-top{flex-direction:column}.quiz-meta{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.quiz-choices{grid-template-columns:1fr}}@media (max-width:640px){.container{width:min(100vw - 20px,1280px)}.topbar-inner{min-height:70px}.topbar-nav{display:none}.stats-grid{grid-template-columns:1fr}.toolbar{flex-direction:column}.select{width:100%}.choice-card{min-height:160px;padding:24px 18px}.choice-text{font-size:1rem}.brand-name{font-size:1.2rem}.brand-subtitle{font-size:.6rem}}