:root{--bg: #f4ede2;--bg-secondary: #e4d3bb;--bg-tertiary: #f9f7f4;--card: rgba(255, 252, 247, .72);--card-border: rgba(104, 71, 35, .12);--text: #2e241a;--text-secondary: #655647;--text-muted: #8b7d72;--muted: #655647;--accent: #552587;--accent-dark: #278a67;--accent-light: #6b3ba5;--accent-lighter: #f5e6ff;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #552587;--shadow-xs: 0 1px 2px rgba(67, 43, 21, .05);--shadow-sm: 0 2px 8px rgba(67, 43, 21, .08);--shadow-md: 0 4px 16px rgba(67, 43, 21, .12);--shadow-lg: 0 10px 30px rgba(67, 43, 21, .15);--shadow-xl: 0 24px 60px rgba(67, 43, 21, .16);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-serif: Georgia, "Times New Roman", serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-hide: -1;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-tooltip: 1050}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-secondary)}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:var(--bg-secondary)}html::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:4px}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text);background:linear-gradient(135deg,var(--bg) 0%,var(--bg-secondary) 50%,var(--bg) 100%);min-height:100vh;overflow-x:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-md)}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}nav,.dashboard-header{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);padding:var(--space-6) var(--space-8);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-md);transition:all var(--transition-base)}nav .container,.header-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}nav .logo,.brand{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:#fff;text-decoration:none;transition:opacity var(--transition-fast);display:flex;align-items:center;gap:var(--space-3)}nav .logo:hover,.brand:hover{opacity:.9}nav ul{display:flex;list-style:none;gap:var(--space-8);margin:0;padding:0}nav a{color:#fff;text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);transition:all var(--transition-fast);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);display:inline-block}nav a:hover{opacity:.85;background:#ffffff1a}nav a:active{opacity:.7}.nav-auth{display:flex;align-items:center;gap:var(--space-4);margin-left:auto}.nav-user{color:#ffffffe6;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);background:#ffffff1a;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:768px){nav ul{gap:var(--space-4)}.nav-user{display:none}nav,.dashboard-header{padding:var(--space-4) var(--space-4)}}@media(max-width:480px){nav .logo,.brand{font-size:var(--font-size-2xl)}nav ul{gap:var(--space-2);font-size:var(--font-size-sm)}}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-8);width:100%}.hero{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;padding:var(--space-24) var(--space-8);text-align:center;position:relative;overflow:hidden;scroll-margin-top:80px}.hero:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:#ffffff14;border-radius:50%;animation:float 6s ease-in-out infinite}.hero:after{content:"";position:absolute;bottom:-30%;left:-5%;width:300px;height:300px;background:#ffffff0a;border-radius:50%;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}.hero .content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero h1{font-size:clamp(var(--font-size-2xl),8vw,var(--font-size-5xl));margin-bottom:var(--space-6);animation:slideDown var(--transition-slow) ease-out;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.hero p{font-size:var(--font-size-lg);margin-bottom:var(--space-8);margin-left:auto;margin-right:auto;opacity:.95;animation:slideUp var(--transition-slow) ease-out .2s both;line-height:var(--line-height-relaxed);max-width:500px}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;animation:slideUp var(--transition-slow) ease-out .4s both}.btn{padding:var(--space-4) var(--space-10);font-size:var(--font-size-base);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);font-weight:var(--font-weight-semibold);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#fff;color:var(--accent);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--bg-tertiary)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:#fff3;color:#fff;border:2px solid white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-outline{background:transparent;border:2px solid var(--accent);color:var(--accent)}.btn-outline:hover:not(:disabled){background:var(--accent-lighter);transform:translateY(-2px)}.btn-outline:active:not(:disabled){transform:translateY(0)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.btn-small{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn-large{padding:var(--space-6) var(--space-12);font-size:var(--font-size-lg)}.btn-loading:after{content:"";display:inline-block;width:1em;height:1em;margin-left:var(--space-2);border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.auth-status{margin-top:var(--space-4);min-height:1.5rem;font-weight:var(--font-weight-semibold);color:#fff}.features{padding:var(--space-20) var(--space-8);background:var(--bg);scroll-margin-top:80px}.section-title{font-size:clamp(var(--font-size-2xl),6vw,var(--font-size-4xl));font-weight:var(--font-weight-bold);margin-bottom:var(--space-16);color:var(--text);line-height:var(--line-height-tight)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);max-width:1200px;margin:0 auto}.feature-card{background:#fff;padding:var(--space-8);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid var(--card-border)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.feature-icon{font-size:clamp(2rem,8vw,3.5rem);margin-bottom:var(--space-6);line-height:1}.feature-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);color:var(--accent)}.feature-card p{color:var(--text-muted);line-height:var(--line-height-relaxed);font-size:var(--font-size-base)}.exam-types{padding:var(--space-20) var(--space-8);background:#fff;scroll-margin-top:80px}.exam-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);max-width:1200px;margin:0 auto}.exam-card{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;padding:var(--space-8);border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:all var(--transition-base);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.exam-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base);z-index:0}.exam-card:hover:before{transform:scaleX(1)}.exam-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.exam-card h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);position:relative;z-index:1}.exam-card p{font-size:var(--font-size-base);opacity:.9;line-height:var(--line-height-normal);position:relative;z-index:1}.stats{padding:var(--space-20) var(--space-8);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;text-align:center;scroll-margin-top:80px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);max-width:1200px;margin:var(--space-12) auto 0}.stat-item h2{font-size:clamp(var(--font-size-2xl),10vw,var(--font-size-5xl));font-weight:var(--font-weight-bold);margin-bottom:var(--space-3);line-height:var(--line-height-tight)}.stat-item p{font-size:var(--font-size-lg);opacity:.9;line-height:var(--line-height-normal)}.cta-section{padding:var(--space-20) var(--space-8);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;text-align:center;scroll-margin-top:80px}.cta-section h2{font-size:clamp(var(--font-size-2xl),6vw,var(--font-size-4xl));font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);line-height:var(--line-height-tight)}.cta-section p{font-size:var(--font-size-lg);margin-bottom:var(--space-8);opacity:.95;max-width:600px;margin-left:auto;margin-right:auto;line-height:var(--line-height-relaxed)}footer{background:var(--text);color:#fff;padding:var(--space-16) var(--space-8) var(--space-6);text-align:center}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);margin-bottom:var(--space-8);text-align:left}.footer-section h4{margin-bottom:var(--space-4);color:var(--accent);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:var(--space-2)}.footer-section a{color:#ffffffb3;text-decoration:none;transition:all var(--transition-fast);font-size:var(--font-size-base);display:inline-block;padding:var(--space-1) 0}.footer-section a:hover{color:var(--accent);transform:translate(2px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-6);color:#ffffffb3;font-size:var(--font-size-sm)}.dashboard-header{position:sticky}.dashboard-header .user-actions{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-base);margin-left:auto}.dashboard-header .user-actions span{color:#fff;background:#ffffff1a;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-header .user-actions .btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);background:#fff;color:var(--accent);border-radius:var(--radius-lg)}.dashboard-header .user-actions .btn:hover:not(:disabled){background:var(--bg-tertiary);transform:translateY(-1px)}main.dashboard-main-content{padding:var(--space-8) var(--space-6);max-width:1300px;margin:0 auto;background:var(--bg);min-height:calc(100vh - 80px)}.welcome{margin-bottom:var(--space-8)}.welcome h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-4);color:var(--text);font-weight:var(--font-weight-bold)}.welcome p{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}@media(max-width:1024px){.container{padding:0 var(--space-6)}.hero,.features,.exam-types,.stats,.cta-section{padding:var(--space-16) var(--space-6)}}@media(max-width:768px){.hero h1{font-size:var(--font-size-3xl)}.hero p{font-size:var(--font-size-base)}.cta-buttons{flex-direction:column;align-items:flex-start}.btn{width:100%}.section-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-12)}.features-grid,.exam-grid,.stats-grid,.dashboard-grid{grid-template-columns:1fr;gap:var(--space-6)}nav ul{gap:var(--space-4)}nav{padding:var(--space-4) var(--space-6)}.welcome h1,.stat-item h2{font-size:var(--font-size-2xl)}main.dashboard-main-content{padding:var(--space-6) var(--space-4)}footer{padding:var(--space-12) var(--space-6) var(--space-4)}}@media(max-width:480px){.hero{padding:var(--space-12) var(--space-4)}.hero h1{font-size:var(--font-size-2xl)}.hero p{font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.btn{padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm)}.btn-small{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.section-title{font-size:var(--font-size-xl);margin-bottom:var(--space-8)}nav .logo,.brand{font-size:var(--font-size-xl)}.nav-user,.dashboard-header .user-actions span{display:none}main.dashboard-main-content{padding:var(--space-4) var(--space-3)}.welcome h1,.stat-item h2{font-size:var(--font-size-xl)}.feature-card,.exam-card{padding:var(--space-4)}.footer-content{grid-template-columns:1fr;gap:var(--space-4)}}.quiz-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:1.1rem;color:var(--muted)}.quiz-container{max-width:760px;margin:0 auto;padding:2rem}.quiz-header{margin-bottom:2rem;text-align:center}.quiz-header h2{font-size:2rem;color:var(--accent);margin-bottom:.5rem}.quiz-header p{color:var(--muted)}.quiz-question-card{background:#fff;border-radius:10px;padding:1.75rem;margin-bottom:1.25rem;box-shadow:0 3px 12px #00000012;border-left:4px solid var(--accent)}.quiz-question-card.result-correct{border-left-color:#22c55e}.quiz-question-card.result-wrong{border-left-color:#ef4444}.quiz-question-number{font-size:.85rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.quiz-type-badge{background:#667eea1f;color:var(--accent);padding:2px 8px;border-radius:999px;font-size:.78rem;text-transform:capitalize;margin-left:6px}.quiz-question-text{font-size:1.05rem;font-weight:500;color:var(--text);margin-bottom:1rem;line-height:1.6}.quiz-options{list-style:none;display:flex;flex-direction:column;gap:.5rem}.quiz-option{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;border-radius:8px;border:1.5px solid rgba(102,126,234,.2);cursor:pointer;transition:background .2s,border-color .2s;font-size:.97rem}.quiz-option:hover{background:#667eea0f;border-color:var(--accent)}.quiz-option input[type=radio]{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.quiz-submit-row{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.quiz-results-header{text-align:center;margin-bottom:2rem}.quiz-results-header h2{font-size:2rem;color:var(--accent);margin-bottom:.75rem}.quiz-score-badge{display:inline-block;font-size:3rem;font-weight:700;color:var(--accent);line-height:1;margin-bottom:.5rem}.quiz-score-percent{color:var(--muted);font-size:1.05rem}.quiz-review{margin-bottom:1.5rem}.quiz-result-answer{font-size:.95rem;margin-top:.75rem;line-height:1.8;color:var(--muted)}@media(max-width:768px){.hero h1{font-size:2.5rem}.section-title{font-size:2rem}.btn{padding:.8rem 2rem;font-size:.95rem}.cta-buttons{flex-direction:column;gap:.5rem}.features-grid,.exam-grid,.stats-grid,.dashboard-grid{grid-template-columns:1fr}nav ul{gap:1rem}.stat-item h2{font-size:2rem}}