@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=DM+Mono:wght@400;500&display=swap");:root{--brand:#2563eb;--brand-dark:#1d4ed8;--brand-light:#eff6ff;--brand-mid:#bfdbfe;--accent:#0ea5e9;--accent-light:#f0f9ff;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--purple:#8b5cf6;--purple-bg:#f5f3ff;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#fff;--border:#e2e8f0;--border-hover:#cbd5e1;--shadow-xs:0 1px 2px rgba(15,23,42,.04);--shadow-sm:0 1px 3px rgba(15,23,42,.06),0 1px 2px rgba(15,23,42,.04);--shadow-md:0 4px 12px rgba(15,23,42,.08),0 2px 4px rgba(15,23,42,.04);--shadow-lg:0 10px 40px rgba(15,23,42,.1),0 4px 8px rgba(15,23,42,.05);--shadow-xl:0 20px 60px rgba(15,23,42,.12);--shadow-brand:0 4px 20px rgba(37,99,235,.25);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--font-sans:"Plus Jakarta Sans",system-ui,sans-serif;--font-mono:"DM Mono","Fira Code",monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-secondary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light only}@media (prefers-color-scheme:dark){:root{--text-primary:#0f172a!important;--text-secondary:#475569!important;--text-tertiary:#94a3b8!important;--bg-primary:#fff!important;--bg-secondary:#f8fafc!important;--bg-tertiary:#f1f5f9!important;--bg-card:#fff!important;--border:#e2e8f0!important}body{background:#f8fafc!important;color:#0f172a!important}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all .18s ease;border:none;text-decoration:none;white-space:nowrap;line-height:1;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 2px 8px rgba(37,99,235,.25)}.btn-primary:hover:not(:disabled){background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 6px 20px rgba(37,99,235,.35)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1.5px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.btn-ghost{background:transparent;color:var(--brand)}.btn-ghost:hover:not(:disabled){background:var(--brand-light)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-success{background:var(--success);color:#fff}.btn-sm{padding:6px 14px;font-size:13px;border-radius:var(--radius-sm)}.btn-lg{padding:14px 30px;font-size:16px}.btn-xl{padding:18px 40px;font-size:17px;border-radius:var(--radius-lg)}.btn-full{width:100%}.btn-icon{padding:8px;border-radius:var(--radius-sm)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.card-sm{padding:16px}.card-hover{transition:all .2s}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-1px)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.02em}.badge-blue{background:var(--brand-light);color:var(--brand-dark)}.badge-green{background:var(--success-bg);color:#065f46}.badge-amber{background:var(--warning-bg);color:#92400e}.badge-red{background:var(--danger-bg);color:#991b1b}.badge-gray{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-purple{background:var(--purple-bg);color:#4c1d95}.input{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);transition:border-color .15s,box-shadow .15s;outline:none}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.input::placeholder{color:var(--text-tertiary)}.input-error{border-color:var(--danger)}.input-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}label{font-size:13px;font-weight:600;color:var(--text-primary);display:block;margin-bottom:6px}select.input{cursor:pointer}.progress{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.progress-bar{height:100%;border-radius:3px;background:var(--brand);transition:width .4s ease}.progress-success .progress-bar{background:var(--success)}.progress-warning .progress-bar{background:var(--warning)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease forwards}.slide-in{animation:slideIn .25s ease forwards}.scale-in{animation:scaleIn .2s ease forwards}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);animation:slideIn .25s ease;min-width:260px;max-width:380px;display:flex;align-items:center;gap:10px}.toast-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.toast-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.toast-info{background:var(--brand-light);color:var(--brand-dark);border:1px solid var(--brand-mid)}.divider{height:1px;background:var(--border)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.tag{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;background:var(--bg-tertiary);color:var(--text-secondary)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-right{text-align:right}.tryout-bg{background:#fff!important}.tryout-text{color:#1a1a1a!important}.option-btn{width:100%;padding:14px 18px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:#fff;color:#1a1a1a;font-size:14px;font-family:var(--font-sans);text-align:left;cursor:pointer;transition:all .15s;display:flex;align-items:flex-start;gap:12px;line-height:1.6}.option-btn.selected,.option-btn:hover{border-color:var(--brand);background:var(--brand-light)}.option-btn.selected{color:var(--brand-dark);font-weight:600}.option-btn.correct{border-color:var(--success);background:var(--success-bg);color:#065f46}.option-btn.wrong{border-color:var(--danger);background:var(--danger-bg);color:#991b1b}@media (max-width:768px){.card{padding:16px}.btn-lg{padding:12px 24px;font-size:15px}.hide-mobile{display:none!important}.show-mobile{display:flex!important}.paket-grid-mobile,.stats-grid-mobile{grid-template-columns:repeat(2,1fr)!important}.form-grid-mobile{grid-template-columns:1fr!important}.lb-meta-hide{display:none!important}}@media (min-width:769px){.show-mobile{display:none!important}}