:root{--primary: #0f172a;--accent: #0d9488;--bg: #f8fafc;--card-bg: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--radius: 12px;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{color:var(--primary);font-weight:700}button{cursor:pointer;transition:all .2s ease;border-radius:var(--radius);font-family:var(--font-sans);font-weight:600}button:active{transform:scale(.98)}.container{max-width:1000px;margin:0 auto;padding:2rem}.card{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #0d948866}70%{transform:scale(1.02);box-shadow:0 0 0 10px #0d948800}to{transform:scale(1);box-shadow:0 0 #0d948800}}.fade-in{animation:fadeIn .4s ease-out forwards}.hero-title{font-size:4.5rem;line-height:1.05;margin-bottom:1.5rem;font-weight:900;color:var(--primary);letter-spacing:-1.5px}.hero-subtitle{font-size:1.25rem;color:#475569;margin-bottom:3rem;line-height:1.6;max-width:700px;margin:0 auto 3rem}.mobile-wrap{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}@media(max-width:1024px){.hero-title{font-size:3.5rem!important}.exam-layout{grid-template-columns:1fr 280px!important}.grid-4col{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.container{padding:1rem}.card{padding:1.5rem!important}h1,.hero-title{font-size:2.2rem!important;line-height:1.2!important}h2{font-size:1.75rem!important}h3{font-size:1.25rem!important}.hero-subtitle{font-size:1rem!important;padding:0 1rem}.nav-mobile-hide{display:none!important}.grid-2col,.grid-3col,.grid-4col{grid-template-columns:1fr!important}.exam-layout{grid-template-columns:1fr!important;overflow-y:auto;display:flex!important;flex-direction:column}.exam-sidebar{border-left:none!important;border-top:2px solid var(--border);width:100%!important}.tabs-container{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}.exam-layout{display:grid;grid-template-columns:1fr 340px;overflow:hidden;flex:1}.exam-sidebar{border-left:1px solid #cbd5e1;background-color:#f1f5f9;display:flex;flex-direction:column}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block}@media print{header,.card:not(.question-card),button,.setup-box{display:none!important}.container{max-width:100%!important;padding:0!important}.card{box-shadow:none!important;border:1px solid #eee!important;break-inside:avoid}}