:root,[data-theme=light]{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-500: #2563eb;--primary-600: #1d4ed8;--primary-700: #1e40af;--primary-900: #1e3a8a;--secondary-500: #3b82f6;--secondary-600: #2563eb;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--red-500: #ef4444;--red-600: #dc2626;--green-500: #10b981;--green-600: #059669;--blue-50: #eef2ff;--primary: var(--primary-500);--primary-hover: var(--primary-600);--primary-dark: var(--primary-700);--secondary: var(--secondary-500);--secondary-dark: var(--secondary-600);--success: var(--green-600);--error: var(--red-600);--background: var(--gray-50);--surface: #ffffff;--text-primary: var(--gray-800);--text-secondary: var(--gray-600);--text-muted: var(--gray-500);--border: var(--gray-200);--border-light: var(--gray-100);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--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;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1);--focus-ring: 0 0 0 3px rgba(59, 130, 246, .1);--focus-ring-offset: 2px}[data-theme=dark]{--primary-50: #1e293b;--primary-100: #334155;--primary-500: #60a5fa;--primary-600: #3b82f6;--primary-700: #2563eb;--secondary-400: #a78bfa;--secondary-500: #8b5cf6;--gray-50: #0f172a;--gray-100: #1e293b;--gray-200: #334155;--gray-300: #475569;--gray-400: #64748b;--gray-500: #94a3b8;--gray-600: #cbd5e1;--gray-700: #e2e8f0;--gray-800: #f1f5f9;--gray-900: #f8fafc;--blue-50: #1e293b;--background: var(--gray-50);--surface: var(--gray-100);--surface-hover: var(--gray-200);--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-muted: var(--gray-500);--border: var(--gray-300);--border-light: var(--gray-200);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;margin:0;padding:0}button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:transparent;border:0;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}:focus-visible{outline:2px solid var(--primary);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}#root{min-height:100vh;display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%;padding:0;min-height:60vh}.loading{display:flex;justify-content:center;align-items:center;height:60vh;font-size:1.5rem;color:var(--primary)}.footer-placeholder{height:0;width:100%;margin-top:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.logo{height:6rem;padding:var(--space-6);transition:filter var(--transition);will-change:filter;border-radius:var(--radius-lg)}.logo:hover{filter:drop-shadow(0 0 2rem rgba(37,99,235,.4))}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: no-preference){.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .4s ease-out}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.card{padding:var(--space-8);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:var(--transition);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-compact{padding:var(--space-4)}.card-spacious{padding:var(--space-12)}.card-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.card-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.card-subtitle{font-size:var(--text-sm);color:var(--text-secondary)}.card-body{margin-bottom:var(--space-6)}.card-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border-light)}.courses-page{width:100%;min-height:100vh}.courses-hero{background:linear-gradient(135deg,var(--primary-500) 0%,var(--secondary-500) 100%);color:#fff;padding:var(--space-16) 0 var(--space-12);text-align:center;position:relative;overflow:hidden}[data-theme=dark] .courses-hero{background:linear-gradient(135deg,var(--primary-600) 0%,var(--secondary-400) 100%)}.courses-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.courses-hero-content{max-width:800px;margin:0 auto;padding:0 var(--space-6);position:relative;z-index:2}.courses-hero h1{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:800;margin-bottom:var(--space-4);line-height:1.2}.courses-hero p{font-size:var(--text-lg);opacity:.9;margin-bottom:var(--space-8);line-height:1.6}.courses-stats{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.courses-stats .stat{text-align:center}.courses-stats .stat-number{display:block;font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-1)}.courses-stats .stat-label{font-size:var(--text-sm);opacity:.8;text-transform:uppercase;letter-spacing:.5px}.courses-controls{background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-6) 0;position:sticky;top:70px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .courses-controls{background:#1e293bf2}.search-section{max-width:1200px;margin:0 auto;padding:0 var(--space-6);margin-bottom:var(--space-4)}.search-box{position:relative;max-width:500px;margin:0 auto}.search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:var(--text-lg)}.search-input{width:100%;padding:var(--space-4) var(--space-12) var(--space-4) var(--space-12);border:2px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-base);background:var(--background);color:var(--text-primary);transition:var(--transition)}.search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #2563eb1a}.clear-search{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--text-lg);padding:var(--space-1);border-radius:var(--radius-sm);transition:var(--transition)}.clear-search:hover{background:var(--border-light);color:var(--text-primary)}.filters-section{display:flex;justify-content:center;align-items:center;gap:var(--space-6);flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.filter-group{display:flex;align-items:center;gap:var(--space-2)}.filter-group label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);white-space:nowrap}.filter-select{padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:var(--transition);min-width:120px}.filter-select:focus{outline:none;border-color:var(--primary-500)}.clear-filters-btn{padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:var(--transition)}.clear-filters-btn:hover{background:var(--border-light);color:var(--text-primary)}.results-summary{max-width:1200px;margin:0 auto;padding:var(--space-4) var(--space-6);color:var(--text-secondary);font-size:var(--text-sm)}.course-list{max-width:1200px;margin:0 auto;padding:var(--space-6);display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-8)}.course-card.enhanced{background:var(--surface);border:1px solid var(--border);border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000014,0 1px 3px #0000001a;position:relative;animation:fadeInUp .6s ease-out both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,var(--surface) 0%,rgba(255,255,255,.9) 100%)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.course-card.enhanced:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a;border-color:var(--primary-300);background:linear-gradient(145deg,#fffffff2,#f8fafce6)}.course-card.enhanced:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6366f10d,#a855f70d);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:24px}.course-card.enhanced:hover:before{opacity:1}.course-header{position:relative;height:220px;overflow:hidden;border-radius:20px 20px 0 0;background:linear-gradient(135deg,#667eea,#764ba2)}.course-image-container{position:relative;width:100%;height:100%}.course-img-cover{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .6s cubic-bezier(.4,0,.2,1);filter:brightness(.9) contrast(1.1)}.course-card.enhanced:hover .course-img-cover{transform:scale(1.08) rotate(1deg);filter:brightness(1) contrast(1.2)}.course-logo{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#4f46e5,#3b82f6);padding:.5rem 1rem;border-radius:9999px;color:#fff;font-weight:600;font-size:1rem;width:fit-content;box-shadow:0 4px 12px #0000001a}.logo-icon{width:24px;height:24px}.card-icon-enhanced{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:9999px;background:linear-gradient(135deg,#f43f5e,#8b5cf6);box-shadow:0 4px 10px #0000001a}.card-icon-enhanced .icon{width:1.5rem;height:1.5rem;stroke:#fff}.card-icon-enhanced1{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:9999px;background:linear-gradient(135deg,#facc15,#f59e0b);box-shadow:0 4px 10px #0000001a}.card-icon-enhanced1 .icon{width:1.5rem;height:1.5rem;color:#fff}.course-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0003,#0009);display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-5);transition:all .3s ease}.course-card.enhanced:hover .course-overlay{background:linear-gradient(to bottom,#0000001a,#0006)}.course-category-badge{font-size:var(--text-xs);color:#fff;background:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--space-2) var(--space-4);border-radius:20px;text-transform:uppercase;letter-spacing:.8px;font-weight:700;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #0003;transition:all .3s ease}.course-card.enhanced:hover .course-category-badge{background:#ffffff4d;transform:translateY(-2px)}.course-level-badge{padding:var(--space-2) var(--space-4);border-radius:20px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.8px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .3s ease;box-shadow:0 4px 12px #0003}.course-card.enhanced:hover .course-level-badge{transform:translateY(-2px) scale(1.05)}.level-beginner{background:linear-gradient(135deg,#22c55ee6,#10b981e6);color:#fff;box-shadow:0 4px 15px #22c55e4d}.level-intermediate{background:linear-gradient(135deg,#fbbf24e6,#f59e0be6);color:#fff;box-shadow:0 4px 15px #fbbf244d}.level-advanced{background:linear-gradient(135deg,#ef4444e6,#dc2626e6);color:#fff;box-shadow:0 4px 15px #ef44444d}[data-theme=dark] .level-beginner{background:#22c55ee6;color:#fff}[data-theme=dark] .level-intermediate{background:#fbbf24e6;color:#fff}[data-theme=dark] .level-advanced{background:#ef4444e6;color:#fff}.course-content{padding:var(--space-6);position:relative;z-index:1}.course-title{font-size:var(--text-xl);font-weight:800;color:var(--text-primary);margin-bottom:var(--space-3);line-height:1.3;background:linear-gradient(135deg,var(--text-primary),var(--primary-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.course-card.enhanced:hover .course-title{transform:translateY(-2px)}.course-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4);font-size:var(--text-sm)}.course-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.course-tag{background:linear-gradient(135deg,var(--primary-50),var(--primary-100));color:var(--primary-700);padding:var(--space-2) var(--space-3);border-radius:12px;font-size:var(--text-xs);font-weight:600;border:1px solid var(--primary-200);transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.course-card.enhanced:hover .course-tag{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}[data-theme=dark] .course-tag{background:#60a5fa33;color:var(--primary-400)}.course-instructor{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary)}.instructor-icon{font-size:var(--text-base)}.course-rating{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.stars{display:flex;gap:1px}.star{font-size:var(--text-sm)}.star.filled{color:#fbbf24}.star.half{color:#fbbf24;opacity:.5}.star.empty{color:var(--gray-300)}.rating-text{font-size:var(--text-xs);color:var(--text-muted)}.course-footer{padding:var(--space-6);border-top:1px solid var(--border-light);background:linear-gradient(135deg,var(--gray-50),rgba(248,250,252,.8));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}[data-theme=dark] .course-footer{background:var(--gray-100)}.course-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.meta-icon{font-size:var(--text-base)}.course-price{font-size:var(--text-xl);font-weight:800;background:linear-gradient(135deg,var(--primary-600),var(--secondary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.course-card.enhanced:hover .course-price{transform:scale(1.05)}.course-actions{display:flex;gap:var(--space-3)}.course-actions .btn{flex:1;text-align:center;font-size:var(--text-sm)}.no-results{grid-column:1 / -1;text-align:center;padding:var(--space-16) var(--space-6);color:var(--text-secondary)}.no-results-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.5}.no-results h3{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-2)}.no-results p{margin-bottom:var(--space-6);max-width:400px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.courses-hero{padding:var(--space-12) 0 var(--space-8)}.courses-stats{gap:var(--space-4)}.filters-section{flex-direction:column;gap:var(--space-4)}.filter-group{width:100%;justify-content:space-between}.filter-select{min-width:150px}.course-list{grid-template-columns:1fr;padding:var(--space-4);gap:var(--space-6)}.course-actions{flex-direction:column}}@media (max-width: 480px){.search-section,.courses-hero-content{padding:0 var(--space-4)}.courses-stats{flex-direction:column;gap:var(--space-3)}}.quotes-page{width:100%;min-height:100vh}.quotes-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:var(--space-16) 0 var(--space-12);text-align:center;position:relative;overflow:hidden}[data-theme=dark] .quotes-hero{background:linear-gradient(135deg,#4c63d2,#5a4fcf)}.quotes-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="quotes-grid" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 20 0 L 0 0 0 20" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23quotes-grid)"/></svg>');opacity:.3}.quotes-hero-content{max-width:800px;margin:0 auto;padding:0 var(--space-6);position:relative;z-index:2}.quotes-hero h1{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:800;margin-bottom:var(--space-4);line-height:1.2}.quotes-hero p{font-size:var(--text-lg);opacity:.9;margin-bottom:var(--space-8);line-height:1.6}.quotes-stats{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.quotes-stats .stat{text-align:center}.quotes-stats .stat-number{display:block;font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-1)}.quotes-stats .stat-label{font-size:var(--text-sm);opacity:.8;text-transform:uppercase;letter-spacing:.5px}.quotes-nav{background:var(--surface);border-bottom:1px solid var(--border);padding:0;display:flex;justify-content:center;position:sticky;top:70px;z-index:100}[data-theme=dark] .quotes-nav{background:#1e293bf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-tab{background:none;border:none;padding:var(--space-4) var(--space-6);font-size:var(--text-base);color:var(--text-secondary);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:var(--space-2);border-bottom:3px solid transparent}.nav-tab:hover{color:var(--text-primary);background:var(--border-light)}.nav-tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600);background:var(--primary-50)}[data-theme=dark] .nav-tab.active{background:#60a5fa1a}.tab-icon{font-size:var(--text-lg)}.quote-section{max-width:900px;margin:0 auto;padding:var(--space-8) var(--space-6)}.quote-container{margin-bottom:var(--space-8)}.loading-state{text-align:center;padding:var(--space-16) var(--space-6);color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:4px solid var(--border);border-top:4px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-4)}.loading-state p{font-size:var(--text-lg);margin-bottom:var(--space-2)}.loading-subtitle{font-size:var(--text-sm);opacity:.7}.error-state{text-align:center;padding:var(--space-16) var(--space-6);color:var(--text-secondary)}.error-icon{font-size:4rem;margin-bottom:var(--space-4)}.error-state h3{color:var(--text-primary);margin-bottom:var(--space-2)}.error-state p{margin-bottom:var(--space-6);max-width:400px;margin-left:auto;margin-right:auto}.quote-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;animation:fadeInUp .6s ease-out}.quote-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.quote-content{margin-bottom:var(--space-6)}.quote-mark{font-size:6rem;color:var(--primary-200);font-family:serif;line-height:1;float:left;margin:-10px 10px -10px -10px}[data-theme=dark] .quote-mark{color:var(--primary-400);opacity:.3}.quote-card blockquote{font-size:var(--text-xl);font-style:italic;line-height:1.6;color:var(--text-primary);margin:0;text-align:left}.quote-author{text-align:right;margin-top:var(--space-6)}.author-name{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);display:block;margin-bottom:var(--space-1)}.api-source{font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.quote-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.action-btn{background:var(--surface);border:1px solid var(--border);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:var(--space-2)}.action-btn:hover:not(:disabled){background:var(--border-light);color:var(--text-primary);transform:translateY(-1px)}.action-btn.favorited{background:var(--red-50);color:var(--red-600);border-color:var(--red-200)}[data-theme=dark] .action-btn.favorited{background:#ef44441a;color:#f87171;border-color:#ef44444d}.action-btn:disabled{opacity:.5;cursor:not-allowed}.quote-controls{text-align:center;margin-bottom:var(--space-8)}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--space-2)}.quote-history{margin-top:var(--space-12)}.quote-history h3{text-align:center;color:var(--text-primary);margin-bottom:var(--space-6)}.history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.history-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:var(--transition)}.history-item:hover{background:var(--border-light);transform:translateY(-2px)}.history-item p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-style:italic}.history-item span{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.favorites-section{max-width:1200px;margin:0 auto;padding:var(--space-8) var(--space-6)}.empty-favorites{text-align:center;padding:var(--space-16) var(--space-6);color:var(--text-secondary)}.empty-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.5}.empty-favorites h3{color:var(--text-primary);margin-bottom:var(--space-2)}.empty-favorites p{margin-bottom:var(--space-6);max-width:400px;margin-left:auto;margin-right:auto}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-6)}.favorite-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:var(--transition)}.favorite-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.favorite-content{margin-bottom:var(--space-4)}.favorite-content blockquote{font-size:var(--text-base);font-style:italic;color:var(--text-primary);margin-bottom:var(--space-3)}.favorite-author{text-align:right;font-size:var(--text-sm)}.favorite-author span:first-child{color:var(--text-secondary);font-weight:500}.api-badge{display:block;color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--space-1)}.favorite-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.action-btn.small{padding:var(--space-2);font-size:var(--text-sm);min-width:auto}.action-btn.remove:hover{background:var(--red-50);color:var(--red-600);border-color:var(--red-200)}[data-theme=dark] .action-btn.remove:hover{background:#ef44441a;color:#f87171;border-color:#ef44444d}.quote-button:hover:before{left:100%}.quote-button:active{transform:translateY(0)}.quote-button:focus-visible{outline:2px solid var(--secondary);outline-offset:var(--focus-ring-offset)}.quiz-page{width:100%;min-height:100vh;background:var(--background);background-image:linear-gradient(to bottom,#3b82f60d,#3b82f605)}.quiz-hero{background:linear-gradient(135deg,#3b82f6,#4f46e5,#7e22ce);color:#fff;padding:var(--space-16) 0 var(--space-12);text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a;border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=dark] .quiz-hero{background:linear-gradient(135deg,#2563eb,#4338ca,#6b21a8);border-bottom:1px solid rgba(255,255,255,.05)}.quiz-hero-title{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.quiz-hero-icon{display:flex;align-items:center;justify-content:center;margin-right:var(--space-3);color:#fff;animation:pulse 2s infinite ease-in-out;width:48px;height:48px}.quiz-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="quiz-grid" width="15" height="15" patternUnits="userSpaceOnUse"><path d="M 15 0 L 0 0 0 15" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23quiz-grid)"/></svg>');opacity:.3}.quiz-hero-content{max-width:800px;margin:0 auto;padding:0 var(--space-6);position:relative;z-index:2}.quiz-hero h1{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:800;margin-bottom:var(--space-4);line-height:1.2}.quiz-hero p{font-size:var(--text-lg);opacity:.9;margin-bottom:var(--space-8);line-height:1.6}.quiz-stats{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.quiz-stats .stat{text-align:center;background:#ffffff1a;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease}.quiz-stats .stat:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.quiz-stats .stat-icon{display:flex;justify-content:center;align-items:center;margin-bottom:var(--space-2);height:24px}.quiz-stats .stat-number{display:block;font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-1);color:transparent;background:linear-gradient(135deg,#fff,#e0e7ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.quiz-stats .stat-label{font-size:var(--text-sm);opacity:.9;font-weight:500;text-transform:uppercase;letter-spacing:1px}.quiz-setup{max-width:1000px;margin:0 auto;padding:var(--space-12) var(--space-6)}.setup-container{text-align:center}.setup-container h2{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4)}.setup-container p{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.difficulty-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.difficulty-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);cursor:pointer;transition:var(--transition);text-align:center;position:relative;overflow:hidden}.difficulty-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-300)}.difficulty-card.selected{border-color:var(--primary-500);background:var(--primary-50);box-shadow:var(--shadow-md)}[data-theme=dark] .difficulty-card.selected{background:#60a5fa1a}.difficulty-icon{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3);height:60px;color:var(--primary-500)}[data-theme=dark] .difficulty-icon{color:var(--primary-400)}.difficulty-card h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.difficulty-card p{color:var(--text-secondary);margin-bottom:var(--space-3);font-size:var(--text-base)}.difficulty-badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.difficulty-badge.mixed{background:var(--gray-100);color:var(--gray-700)}.difficulty-badge.beginner{background:var(--green-100);color:var(--green-700)}.difficulty-badge.intermediate{background:var(--yellow-100);color:var(--yellow-700)}.difficulty-badge.advanced{background:var(--red-100);color:var(--red-700)}[data-theme=dark] .difficulty-badge.mixed{background:#9ca3af33;color:#d1d5db}[data-theme=dark] .difficulty-badge.beginner{background:#22c55e33;color:#4ade80}[data-theme=dark] .difficulty-badge.intermediate{background:#fbbf2433;color:#fbbf24}[data-theme=dark] .difficulty-badge.advanced{background:#ef444433;color:#f87171}.quiz-container{max-width:900px;margin:0 auto;padding:var(--space-6)}.quiz-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm)}.quiz-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.quiz-mode{display:flex;align-items:center;background:var(--primary-100);color:var(--primary-700);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600}.mode-icon{display:flex;align-items:center;justify-content:center;margin-right:var(--space-2);width:20px;height:20px}[data-theme=dark] .quiz-mode{background:#60a5fa33;color:var(--primary-400)}.quiz-timer{display:flex;align-items:center;font-size:var(--text-sm);color:var(--text-secondary);font-weight:500;background:var(--gray-100);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full)}[data-theme=dark] .quiz-timer{background:#3741514d}.quiz-timer svg{margin-right:var(--space-2)}.progress-text{text-align:center;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.progress-bar{width:100%;height:8px;background:var(--border-light);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#f093fb,#f5576c);border-radius:var(--radius-full);transition:width .3s ease}.quiz-form{display:flex;flex-direction:column;gap:var(--space-8)}.quiz-question{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);animation:fadeInUp .6s ease-out}.question-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.question-number{background:var(--primary-500);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600}.question-meta{display:flex;gap:var(--space-2);flex-wrap:wrap}.difficulty-tag{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;text-transform:uppercase}.difficulty-tag.beginner{background:var(--green-100);color:var(--green-700)}.difficulty-tag.intermediate{background:var(--yellow-100);color:var(--yellow-700)}.difficulty-tag.advanced{background:var(--red-100);color:var(--red-700)}[data-theme=dark] .difficulty-tag.beginner{background:#22c55e33;color:#4ade80}[data-theme=dark] .difficulty-tag.intermediate{background:#fbbf2433;color:#fbbf24}[data-theme=dark] .difficulty-tag.advanced{background:#ef444433;color:#f87171}.category-tag{background:var(--gray-100);color:var(--gray-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500}[data-theme=dark] .category-tag{background:#9ca3af33;color:#d1d5db}.question-text{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-6);line-height:1.4}.quiz-options{display:flex;flex-direction:column;gap:var(--space-3)}.quiz-option{display:flex;align-items:center;padding:var(--space-4);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);background:var(--background);position:relative;overflow:hidden}.quiz-option:hover{background:var(--border-light);border-color:var(--primary-300);transform:translate(4px)}.quiz-option.selected{border-color:var(--primary-500);background:var(--primary-50)}[data-theme=dark] .quiz-option.selected{background:#60a5fa1a}.quiz-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.option-indicator{width:32px;height:32px;border:2px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-sm);color:var(--text-secondary);background:var(--surface);margin-right:var(--space-3);transition:var(--transition)}.quiz-option.selected .option-indicator{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.option-text{flex:1;font-size:var(--text-base);color:var(--text-primary);line-height:1.5}.option-checkmark{opacity:0;color:var(--primary-500);font-weight:700;transition:var(--transition)}.quiz-option.selected .option-checkmark{opacity:1}.quiz-actions{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8);flex-wrap:wrap}.quiz-results{max-width:900px;margin:0 auto;padding:var(--space-8) var(--space-6)}.results-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);animation:fadeInUp .6s ease-out}.results-header{text-align:center;margin-bottom:var(--space-8)}.results-title{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.results-icon{display:flex;align-items:center;justify-content:center;margin-right:var(--space-3);color:var(--primary-500);width:32px;height:32px}.results-header h2{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary)}.results-meta{display:flex;justify-content:center;gap:var(--space-6);font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap}.meta-item{display:flex;align-items:center}.meta-icon{display:flex;align-items:center;justify-content:center;margin-right:var(--space-2);width:20px;height:20px}.score-display{display:flex;align-items:center;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-8);flex-wrap:wrap}.score-circle{width:200px;height:200px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--primary-50);position:relative;box-shadow:0 0 0 8px var(--primary-200),0 0 0 16px #3b82f61a,0 10px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.score-circle:hover{transform:scale(1.05);box-shadow:0 0 0 8px var(--primary-300),0 0 0 16px #3b82f633,0 15px 30px #00000026}[data-theme=dark] .score-circle{background:#60a5fa1a;box-shadow:0 0 0 8px #60a5fa4d,0 0 0 16px #60a5fa1a,0 10px 20px #0003}.score-number{font-size:3.5rem;font-weight:800;line-height:1;color:transparent;background:linear-gradient(135deg,var(--primary-600),var(--primary-500));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.score-total{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-1)}.score-percentage{font-size:var(--text-xl);font-weight:700;color:var(--primary-500);margin-top:var(--space-2);background:var(--surface);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.score-details{flex:1;min-width:300px}.score-breakdown{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.breakdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--background);border-radius:var(--radius-lg)}.breakdown-item.correct{background:var(--green-50)}.breakdown-item.incorrect{background:var(--red-50)}.breakdown-item.time{background:var(--blue-50)}[data-theme=dark] .breakdown-item.correct{background:#22c55e1a}[data-theme=dark] .breakdown-item.incorrect{background:#ef44441a}[data-theme=dark] .breakdown-item.time{background:#3b82f61a}.breakdown-icon{font-size:var(--text-lg)}.score-message{text-align:center;font-size:var(--text-lg);font-weight:500;line-height:1.6}.results-actions{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap}.explanations{margin-top:var(--space-8);border-top:1px solid var(--border);padding-top:var(--space-8)}.explanations h3{text-align:center;color:var(--text-primary);margin-bottom:var(--space-6);font-size:var(--text-2xl)}.explanation-item{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4)}.explanation-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.question-num{background:var(--gray-200);color:var(--gray-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600}[data-theme=dark] .question-num{background:#9ca3af33;color:#d1d5db}.result-indicator{font-size:var(--text-lg)}.result-indicator.correct{color:var(--green-600)}.result-indicator.incorrect{color:var(--red-600)}.explanation-content{line-height:1.6}.explanation-question{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.explanation-answer{color:var(--green-600);margin-bottom:var(--space-2)}.explanation-your-answer{color:var(--red-600);margin-bottom:var(--space-3)}.explanation-text{color:var(--text-secondary);font-style:italic}.quiz-history{margin-top:var(--space-8);border-top:1px solid var(--border);padding-top:var(--space-8)}.quiz-history h3{text-align:center;color:var(--text-primary);margin-bottom:var(--space-6)}.history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.history-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;transition:var(--transition)}.history-score{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.history-percentage{font-size:var(--text-lg);font-weight:600;color:var(--primary-500);margin-bottom:var(--space-3)}.history-details{font-size:var(--text-sm);color:var(--text-secondary)}.history-mode{font-weight:500;text-transform:capitalize;margin-bottom:var(--space-1)}.history-date{margin-bottom:var(--space-1)}.history-time{font-style:italic}@media (max-width: 768px){.quiz-hero{padding:var(--space-12) 0 var(--space-8)}.quiz-stats{gap:var(--space-4)}.difficulty-selector{grid-template-columns:1fr}.quiz-info,.question-header{flex-direction:column;align-items:flex-start}.quiz-actions,.score-display{flex-direction:column}.score-circle{width:150px;height:150px}.results-actions{flex-direction:column}.history-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 480px){.quiz-hero-content{padding:0 var(--space-4)}.quiz-container{padding:var(--space-4)}.quiz-results{padding:var(--space-6) var(--space-4)}.quiz-stats{flex-direction:column;gap:var(--space-3)}.results-meta{flex-direction:column;gap:var(--space-2)}}.contact-page{width:100%;min-height:100vh}.contact-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:var(--space-16) 0 var(--space-12);text-align:center;position:relative;overflow:hidden}[data-theme=dark] .contact-hero{background:linear-gradient(135deg,#4c63d2,#5a4fcf)}.contact-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="contact-grid" width="25" height="25" patternUnits="userSpaceOnUse"><path d="M 25 0 L 0 0 0 25" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23contact-grid)"/></svg>');opacity:.3}.contact-hero-content{max-width:800px;margin:0 auto;padding:0 var(--space-6);position:relative;z-index:2}.contact-hero h1{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:800;margin-bottom:var(--space-4);line-height:1.2}.contact-hero p{font-size:var(--text-lg);opacity:.9;margin-bottom:var(--space-8);line-height:1.6}.contact-stats{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.contact-stats .stat{text-align:center}.contact-stats .stat-number{display:block;font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-1)}.contact-stats .stat-label{font-size:var(--text-sm);opacity:.8;text-transform:uppercase;letter-spacing:.5px}.contact-content{max-width:1200px;margin:0 auto;padding:var(--space-12) var(--space-6)}.contact-container{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-12);align-items:start}.contact-info{display:flex;flex-direction:column;gap:var(--space-6)}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:var(--transition);box-shadow:var(--shadow-sm)}.info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.info-icon{font-size:3rem;margin-bottom:var(--space-3)}.info-card h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.info-card p{color:var(--text-secondary);margin-bottom:var(--space-3);line-height:1.5}.info-detail{font-weight:600;color:var(--primary-600);font-size:var(--text-sm)}.contact-form-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg)}.form-header{text-align:center;margin-bottom:var(--space-8)}.form-header h2{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-3)}.form-header p{color:var(--text-secondary);line-height:1.6}.success-banner{background:var(--green-50);border:1px solid var(--green-200);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3);position:relative;animation:slideIn .3s ease-out}[data-theme=dark] .success-banner{background:#22c55e1a;border-color:#22c55e4d}.success-icon{font-size:var(--text-xl);color:var(--green-600)}.success-content h3{color:var(--green-700);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}[data-theme=dark] .success-content h3{color:#4ade80}.success-content p{color:var(--green-600);font-size:var(--text-sm);margin:0}[data-theme=dark] .success-content p{color:#22c55e}.success-close{position:absolute;top:var(--space-2);right:var(--space-3);background:none;border:none;font-size:var(--text-xl);color:var(--green-600);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:var(--transition)}.success-close:hover{background:var(--green-100)}[data-theme=dark] .success-close:hover{background:#22c55e33}.contact-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group{display:flex;flex-direction:column}.contact-form label{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-weight:600;color:var(--text-primary);font-size:var(--text-sm)}.label-icon{font-size:var(--text-base)}.contact-form input,.contact-form textarea{width:100%;padding:var(--space-4);border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--background);transition:var(--transition);font-size:var(--text-base);font-family:inherit;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #2563eb1a;transform:translateY(-1px)}.contact-form input:hover,.contact-form textarea:hover{border-color:var(--primary-300)}.contact-form input.error,.contact-form textarea.error{border-color:var(--red-500);background:var(--red-50)}[data-theme=dark] .contact-form input.error,[data-theme=dark] .contact-form textarea.error{background:#ef44441a}.contact-form textarea{min-height:120px;line-height:1.6}.character-count{text-align:right;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.error-message{color:var(--red-600);font-size:var(--text-sm);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-1)}.error-message:before{content:"⚠️";font-size:var(--text-sm)}.error-banner{background:var(--red-50);border:1px solid var(--red-200);border-radius:var(--radius-lg);padding:var(--space-3);color:var(--red-700);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}[data-theme=dark] .error-banner{background:#ef44441a;border-color:#ef44444d;color:#f87171}.error-icon{font-size:var(--text-base)}.form-actions{display:flex;gap:var(--space-4);justify-content:flex-end;margin-top:var(--space-4)}.contact-history{margin-top:var(--space-12);border-top:1px solid var(--border);padding-top:var(--space-8)}.contact-history h3{text-align:center;color:var(--text-primary);margin-bottom:var(--space-6);font-size:var(--text-2xl)}.history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.history-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);transition:var(--transition)}.history-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.history-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);gap:var(--space-2)}.history-header h4{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0;flex:1}.history-date{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.history-message{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-3)}.history-meta{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-muted);border-top:1px solid var(--border-light);padding-top:var(--space-2)}@media (max-width: 768px){.contact-hero{padding:var(--space-12) 0 var(--space-8)}.contact-stats{gap:var(--space-4)}.contact-container{grid-template-columns:1fr;gap:var(--space-8)}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.history-grid{grid-template-columns:1fr}}@media (max-width: 480px){.contact-hero-content{padding:0 var(--space-4)}.contact-content{padding:var(--space-8) var(--space-4)}.contact-form-section{padding:var(--space-6)}.contact-stats{flex-direction:column;gap:var(--space-3)}.success-banner{flex-direction:column;text-align:center}.success-close{position:static;margin-top:var(--space-2)}}.navbar{background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-800) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;left:0;right:0;width:100%;z-index:1000;box-shadow:0 4px 20px #0000001a;margin:0;padding:0}[data-theme=dark] .navbar{background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=dark] .nav-link{color:#ffffffe6}[data-theme=dark] .nav-link:hover,[data-theme=dark] .nav-link.active{color:#60a5fa;background:#60a5fa1a}[data-theme=dark] .brand-subtitle{color:#fff9}.navbar-container{max-width:1200px;margin:0 auto;padding:0 var(--space-4);display:flex;align-items:center;height:70px;width:100%}.navbar-brand{flex-shrink:0;margin-right:auto}.brand-link{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;transition:var(--transition)}.brand-link:hover{transform:scale(1.05)}.brand-icon{font-size:var(--text-2xl);filter:drop-shadow(0 0 8px rgba(37,99,235,.6));animation:pulse 2s infinite}.brand-content{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.brand-text{font-size:var(--text-xl);font-weight:700;color:var(--gray-400);letter-spacing:-.02em;line-height:1.1;margin-bottom:2px}.brand-subtitle{font-size:var(--text-xs);color:var(--gray-400);font-weight:500;letter-spacing:.05em;text-transform:uppercase;opacity:.8;line-height:1}.navbar-menu{display:flex;align-items:center;gap:var(--space-1);margin-left:var(--space-8)}.nav-link{display:inline-block;color:var(--gray-200);font-weight:500;font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transition:var(--transition);position:relative;text-decoration:none;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.nav-link:hover{color:var(--gray-50);background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.nav-link:hover:before{left:100%}.nav-link.active{color:var(--gray-50);background:linear-gradient(135deg,var(--primary-600),var(--primary-500));font-weight:600;box-shadow:0 4px 15px #2563eb4d}.nav-link.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--gray-50);border-radius:var(--radius-full);box-shadow:0 0 8px #fffc}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-lg);transition:var(--transition);margin-left:var(--space-4)}.theme-toggle-btn:hover{background:var(--surface-hover);border-color:var(--primary-300);transform:scale(1.05)}.theme-toggle-btn:active{transform:scale(.95)}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:var(--transition);margin-left:auto}.mobile-menu-btn:hover{background:#ffffff1a}.hamburger-line{width:24px;height:2px;background:var(--gray-200);margin:2px 0;transition:var(--transition);border-radius:var(--radius-full)}.mobile-menu-btn.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px);background:var(--primary-400)}.mobile-menu-btn.open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-btn.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px);background:var(--primary-400)}.mobile-menu{display:block;position:fixed;top:70px;right:0;width:280px;height:calc(100vh - 70px);background:linear-gradient(180deg,var(--gray-900) 0%,var(--gray-800) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.1);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:999;overflow-x:hidden;touch-action:none}.mobile-menu.open{transform:translate(0)}.mobile-menu-content{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.mobile-nav-link{display:block;color:var(--gray-200);font-weight:500;font-size:var(--text-base);padding:var(--space-4);border-radius:var(--radius-lg);transition:var(--transition);text-decoration:none;border:1px solid transparent}.mobile-nav-link:hover{color:var(--gray-50);background:#ffffff1a;border-color:#fff3;transform:translate(4px)}body.mobile-menu-open{overflow-x:hidden}.mobile-nav-link.active{color:var(--gray-50);background:linear-gradient(135deg,var(--primary-600),var(--primary-500));border-color:var(--primary-400);font-weight:600;box-shadow:0 4px 15px #2563eb4d}.mobile-menu-overlay{display:none;position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;pointer-events:none}@media (max-width: 768px){.navbar-container{padding:0 var(--space-4);height:60px}.navbar-menu{display:none}.mobile-menu-btn{display:flex}.mobile-menu,.mobile-menu-overlay{display:block;top:60px;height:calc(100vh - 60px)}.brand-text{font-size:var(--text-lg)}.brand-icon{font-size:var(--text-xl)}}@media (max-width: 480px){.navbar-container{padding:0 var(--space-3);height:56px}.mobile-menu{top:56px;height:calc(100vh - 56px);width:100%}.mobile-menu-overlay{top:56px;height:calc(100vh - 56px)}.brand-text{font-size:var(--text-base)}.brand-subtitle{display:none}}@keyframes pulse{0%,to{filter:drop-shadow(0 0 8px rgba(37,99,235,.6))}50%{filter:drop-shadow(0 0 16px rgba(37,99,235,.8))}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.navbar{animation:slideDown .6s ease-out}.navbar-menu .nav-link{animation:fadeInUp .8s ease-out;animation-fill-mode:both}.navbar-menu .nav-link:nth-child(1){animation-delay:.1s}.navbar-menu .nav-link:nth-child(2){animation-delay:.2s}.navbar-menu .nav-link:nth-child(3){animation-delay:.3s}.navbar-menu .nav-link:nth-child(4){animation-delay:.4s}.navbar-menu .nav-link:nth-child(5){animation-delay:.5s}.brand-link{animation:fadeInUp .6s ease-out}.nav-link:focus-visible,.mobile-nav-link:focus-visible,.brand-link:focus-visible,.mobile-menu-btn:focus-visible{outline:2px solid var(--primary-400);outline-offset:2px;border-radius:var(--radius-md)}html{scroll-behavior:smooth}*{box-sizing:border-box}html,body{width:100%;overflow-x:hidden}.nav-link.active,.mobile-nav-link.active{position:relative}.nav-link.active:before,.mobile-nav-link.active:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));border-radius:inherit;z-index:-1;opacity:.3;filter:blur(8px)}.navbar.scrolled{background:#111827f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0003}.nav-link.loading{pointer-events:none;opacity:.6}.nav-link.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-page{width:100%;overflow-x:hidden;padding:0;margin:0}.hero-section{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center}.hero-background{position:absolute;inset:0;z-index:1}.hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#2563eb0d,#3b82f61a,#93c5fd0d)}[data-theme=dark] .hero-gradient{background:linear-gradient(135deg,#1e293bcc,#33415599,#47556966)}.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(37,99,235,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(59,130,246,.1) 0%,transparent 50%);opacity:.6}.floating-shapes{position:absolute;inset:0;pointer-events:none}.shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#2563eb1a,#3b82f633);animation:float 8s ease-in-out infinite}.shape-1{width:100px;height:100px;top:20%;left:10%;animation-delay:0s}.shape-2{width:150px;height:150px;top:60%;right:15%;animation-delay:2s}.shape-3{width:80px;height:80px;bottom:30%;left:20%;animation-delay:4s}.shape-4{width:120px;height:120px;top:10%;right:30%;animation-delay:6s}.hero-container{max-width:1400px;margin:0 auto;padding:0 var(--space-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;position:relative;z-index:2;min-height:100vh}.hero-content{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#2563eb1a;color:var(--primary-600);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-6);border:1px solid rgba(37,99,235,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .hero-badge{background:#60a5fa33;color:var(--primary-400);border:1px solid rgba(96,165,250,.3)}.badge-icon{font-size:var(--text-base);animation:pulse 2s infinite}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.1;color:var(--text-primary);margin-bottom:var(--space-6);letter-spacing:-.02em}.hero-highlight{background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-description{font-size:var(--text-xl);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-8);max-width:540px}.hero-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-10)}.btn-hero{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:600;border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-hero:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-hero:hover:before{left:100%}.hero-stats{display:flex;gap:var(--space-8);flex-wrap:wrap}.hero-stat{text-align:center}.hero-stat .stat-number{display:block;font-size:var(--text-2xl);font-weight:800;color:var(--primary-600);margin-bottom:var(--space-1)}.hero-stat .stat-text{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.hero-visual{position:relative;height:600px}.hero-image-container{position:relative;width:100%;height:400px;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl)}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center}.image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#2563eb1a,#3b82f633)}.floating-elements{position:absolute;inset:0}.floating-card{position:absolute;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--space-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-3);border:1px solid rgba(255,255,255,.2);animation:float 6s ease-in-out infinite;min-width:200px}[data-theme=dark] .floating-card{background:#1e293bf2;border:1px solid rgba(71,85,105,.3)}.floating-card.card-1{top:10%;left:-10%;animation-delay:0s}.floating-card.card-2{top:40%;right:-15%;animation-delay:2s}.floating-card.card-3{bottom:15%;left:10%;animation-delay:4s}.card-icon{font-size:var(--text-2xl);width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));border-radius:var(--radius-lg);color:#fff}.badge-sparkle-enhanced{display:inline-flex;align-items:center;justify-content:center;padding:.25rem;background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:9999px;box-shadow:0 2px 6px #0000001a;width:2rem;height:2rem}.sparkle-icon{width:1.2rem;height:1.2rem;color:#fff}.card-content{flex:1}.card-title{font-weight:700;color:var(--text-primary);font-size:var(--text-base);margin-bottom:var(--space-1)}.card-subtitle{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.features-section{padding:clamp(4rem,8vw,8rem) 0;background:var(--gradient-light);position:relative;overflow:hidden;isolation:isolate}[data-theme=dark] .features-section{background:var(--gradient-dark)}.features-container{max-width:1400px;margin:0 auto;padding:0 var(--space-6);position:relative;z-index:2}.section-header{text-align:center;margin-bottom:clamp(3rem,6vw,5rem);max-width:800px;margin-left:auto;margin-right:auto}.section-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,#3b82f61a,#9333ea1a);color:var(--primary-600);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-4);border:1px solid rgba(59,130,246,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .section-badge{background:linear-gradient(135deg,#60a5fa33,#a855f733);color:var(--primary-300);border-color:#60a5fa4d}.section-header h2{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;margin-bottom:var(--space-4);line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}[data-theme=dark] .section-header h2{color:var(--text-primary-dark)}.section-header p{font-size:clamp(1rem,3vw,1.25rem);color:var(--text-secondary);line-height:1.6}[data-theme=dark] .section-header p{color:var(--text-secondary-dark)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));gap:var(--space-6)}.feature-card{position:relative;border-radius:var(--radius-2xl);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-lg);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%;border:1px solid var(--border-light)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.feature-media{position:relative;height:200px;overflow:hidden}.feature-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.feature-card:hover .feature-image{transform:scale(1.05)}.feature-badge{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--background);color:var(--primary-700);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border)}[data-theme=dark] .feature-badge{background:var(--surface);color:var(--primary-300);border-color:var(--border)}.feature-content{padding:var(--space-6);flex:1;display:flex;flex-direction:column}.feature-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:9999px;background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 4px 10px #0000001a}.feature-svg{width:1.5rem;height:1.5rem;color:#fff}.icon-badge{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:9999px;background:linear-gradient(135deg,#4f46e5,#3b82f6);box-shadow:0 3px 8px #0000001f}.icon-svg{width:1.25rem;height:1.25rem;color:#fff}.metric-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#f3f4f6;border-radius:.75rem;box-shadow:inset 0 2px 4px #0000000d,0 2px 6px #0000001a}.metric-svg{width:1.4rem;height:1.4rem;color:#4f46e5}[data-theme=dark] .feature-icon{background:#60a5fa33;color:var(--primary-400)}.feature-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-3);line-height:1.3}[data-theme=dark] .feature-title{color:var(--text-primary-dark)}.feature-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4);flex:1}[data-theme=dark] .feature-description{color:var(--text-secondary-dark)}.feature-highlights{margin-bottom:var(--space-6)}.highlight-item{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}[data-theme=dark] .highlight-item{color:var(--text-secondary-dark)}.highlight-icon{color:var(--green-500);flex-shrink:0;margin-top:2px}.feature-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.feature-cta{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--primary);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-weight:600;text-decoration:none;transition:all .3s ease}.feature-cta:hover{background:var(--primary-hover);transform:translateY(-2px)}.feature-stats{display:flex;align-items:center;gap:var(--space-4)}.stat-item{text-align:right}.stat-number{display:block;font-size:var(--text-lg);font-weight:700;color:var(--text-primary-dark)}[data-theme=dark] .stat-number{color:var(--text-primary-dark)}.action-badge{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;background-color:#eef2ff;margin-left:.5rem;box-shadow:0 2px 6px #0000000d;transition:transform .2s ease}.action-badge:hover{transform:scale(1.1)}.btn-text{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:1rem;color:#1f2937}.btn-svg{width:2rem;height:2rem;color:#4f46e5;background:#fff;border-radius:9999px;padding:.25rem;box-shadow:0 2px 8px #00000014}.stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .stat-label{color:var(--text-muted-dark)}@media (max-width: 768px){.features-grid{grid-template-columns:1fr;gap:var(--space-4)}.feature-media{height:180px}.feature-content{padding:var(--space-4)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-card{animation:fadeIn .6s ease-out both}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}@media (prefers-reduced-motion: reduce){.feature-card,.feature-image{transition:none!important;animation:none!important}}.stats-section{padding:var(--space-20) 0;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff}.stats-background{position:absolute;inset:0;z-index:1}.stats-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(255,255,255,.05) 0%,transparent 50%)}.stats-container{max-width:1200px;margin:0 auto;padding:0 var(--space-6);position:relative;z-index:2}.stats-header{text-align:center;margin-bottom:var(--space-12)}.stats-header h2{font-size:clamp(var(--text-3xl),4vw,var(--text-4xl));font-weight:800;margin-bottom:var(--space-4);letter-spacing:-.02em}.stats-header p{font-size:var(--text-xl);opacity:.9;max-width:500px;margin:0 auto;color:#d1d5db}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8)}.stat-item{text-align:center;padding:var(--space-6);background:#ffffff1a;border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.stat-item:hover{transform:translateY(-4px);background:#ffffff26}.stat-icon{font-size:var(--text-3xl);margin-bottom:var(--space-3);display:block}.stat-number{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:900;margin-bottom:var(--space-2);background:linear-gradient(135deg,#8fe98f,#a581a283);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-1);opacity:.95;color:#d1d5db}.stat-description{font-size:var(--text-sm);opacity:.8;font-weight:400}.cta-section{padding:var(--space-20) 0;position:relative;overflow:hidden;text-align:center}.cta-background{position:absolute;inset:0;z-index:1}.cta-bg-image{width:100%;height:100%;object-fit:cover;object-position:center}.cta-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#1e293be6,#334155cc,#475569e6)}.cta-content{max-width:800px;margin:0 auto;padding:0 var(--space-6);position:relative;z-index:2;color:#fff}.cta-badge{display:inline-flex;align-items:center;background:#ffffff1a;color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-6);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-content h2{font-size:clamp(var(--text-3xl),5vw,var(--text-4xl));font-weight:800;margin-bottom:var(--space-6);letter-spacing:-.02em}.cta-content p{font-size:var(--text-xl);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7;opacity:.9}.cta-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-8)}.btn-large{padding:var(--space-5) var(--space-10);font-size:var(--text-lg);font-weight:600;border-radius:var(--radius-xl)}.btn-glow{position:relative;overflow:hidden}.btn-glow:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-glow:hover:before{left:100%}.btn-glass{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.btn-glass:hover{background:#fff3;border-color:#ffffff4d}.cta-features{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap}.cta-feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);opacity:.9}.feature-check{color:var(--green-500);font-weight:700}@media (max-width: 1200px){.features-grid{grid-template-columns:1fr;gap:var(--space-8)}.feature-card-premium{max-width:500px;margin:0 auto}}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.hero-visual{order:-1;height:400px}.floating-card.card-1,.floating-card.card-2,.floating-card.card-3{position:relative;inset:auto;margin:var(--space-4);display:inline-flex}.features-section{padding:var(--space-16) 0}.section-header{margin-bottom:var(--space-12)}.feature-card-premium{height:auto;min-height:500px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media (max-width: 768px){.hero-stats,.hero-actions{justify-content:center}.btn-hero{width:100%;max-width:300px}.features-section{padding:var(--space-12) 0}.section-header h2{font-size:var(--text-3xl)}.section-header p{font-size:var(--text-lg)}.feature-card-premium{height:auto;min-height:450px}.feature-background{height:200px}.feature-header{flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.feature-icon-wrapper{width:60px;height:60px}.feature-icon{font-size:var(--text-2xl)}.feature-body{text-align:center}.feature-body h3{font-size:var(--text-xl)}.feature-footer{flex-direction:column;gap:var(--space-4);align-items:center}.feature-cta{width:100%;justify-content:center;max-width:250px}.stats-grid{grid-template-columns:1fr}.cta-actions{flex-direction:column;align-items:center}.btn-large{width:100%;max-width:300px}.cta-features{flex-direction:column;gap:var(--space-3)}}@media (max-width: 480px){.features-container{padding:0 var(--space-4)}.feature-card-premium{margin:0 var(--space-2);height:auto;min-height:400px}.feature-background{height:150px}.feature-body{padding:var(--space-4)}.feature-body h3{font-size:var(--text-lg)}.feature-body p{font-size:var(--text-sm)}.highlight-item{font-size:var(--text-xs)}.feature-cta{padding:var(--space-3) var(--space-5);font-size:var(--text-sm)}}[data-theme=dark] .cta-content h2{color:var(--text-primary)}[data-theme=dark] .cta-content p{color:var(--text-secondary)}.cta-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:500;text-decoration:none;transition:var(--transition);border:2px solid transparent;cursor:pointer;font-size:var(--text-base)}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-500));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--primary-700),var(--primary-600))}.btn-secondary{background:#fff;color:var(--primary-600);border-color:var(--primary-200);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--primary-50);border-color:var(--primary-300);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--gray-700);border-color:var(--gray-300)}.btn-outline:hover{background:#fff;border-color:var(--gray-400);transform:translateY(-2px)}.btn-large{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-icon{font-size:var(--text-sm)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 768px){.hero-section{min-height:80vh;padding:var(--space-6) var(--space-4);text-align:center}.hero-visual{display:none}.hero-actions{justify-content:center}.features-grid{grid-template-columns:1fr;gap:var(--space-6)}.stats-container{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.cta-actions{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px;justify-content:center}}.score-display{display:flex;justify-content:center;margin:var(--space-8) 0}.score-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));color:#fff;box-shadow:var(--shadow-lg)}.score-number{font-size:var(--text-2xl);font-weight:800;line-height:1}.score-percentage{font-size:var(--text-sm);opacity:.9;margin-top:var(--space-1)}.score-message{font-size:var(--text-lg);font-weight:600;color:var(--primary-600);margin:var(--space-6) 0}.quiz-history{margin-top:var(--space-8);padding:var(--space-6);background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border)}.quiz-history h4{margin-bottom:var(--space-4);color:var(--text)}.history-list{display:flex;flex-direction:column;gap:var(--space-2)}.history-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--background);border-radius:var(--radius-md);font-size:var(--text-sm)}.history-date{color:var(--text-muted);font-size:var(--text-xs)}.page{padding:clamp(var(--space-4),5vw,var(--space-8));max-width:800px;margin:0 auto;text-align:center;animation:fadeIn .6s ease-out}.form-actions{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-8)}.contact-form button{padding:var(--space-4) var(--space-8);background:var(--primary);color:var(--surface);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);font-weight:500;font-size:var(--text-base);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.contact-form button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.contact-form button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.contact-form button:hover:before{left:100%}.contact-form button:active{transform:translateY(0)}.contact-form button:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-form button:focus-visible{outline:2px solid var(--primary);outline-offset:var(--focus-ring-offset)}.error{color:var(--error);font-size:var(--text-sm);margin-top:var(--space-1);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.error:before{content:"⚠";font-size:var(--text-base)}.success-message{color:var(--success);font-size:var(--text-base);text-align:center;padding:var(--space-4);background:#10b9811a;border:1px solid var(--success);border-radius:var(--radius-lg);margin-top:var(--space-4)}.notfound-page{padding:clamp(var(--space-8),10vw,var(--space-16)) var(--space-8);text-align:center;min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.notfound-page .error-code{font-size:clamp(4rem,15vw,8rem);font-weight:900;color:var(--primary);margin-bottom:var(--space-4);line-height:1;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.notfound-page h1{font-size:clamp(var(--text-2xl),5vw,var(--text-4xl));color:var(--text-primary);margin-bottom:var(--space-4);font-weight:700}.notfound-page p{font-size:var(--text-xl);margin-bottom:var(--space-8);color:var(--text-secondary);max-width:500px;line-height:1.6}.home-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);background:var(--primary);color:var(--surface);text-decoration:none;border-radius:var(--radius-lg);transition:var(--transition);font-weight:500;font-size:var(--text-base);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.home-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.home-button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.home-button:hover:before{left:100%}.home-button:focus-visible{outline:2px solid var(--primary);outline-offset:var(--focus-ring-offset)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-contrast: high){:root{--primary: #0000ff;--secondary: #0000ff;--text-primary: #000000;--text-secondary: #000000;--background: #ffffff;--surface: #ffffff;--border: #000000;--shadow-sm: none;--shadow-md: none;--shadow-lg: none}body{background:#fff;color:#000}.card,.course-card,.contact-form input,.contact-form textarea,.quiz-option{border:2px solid #000000;box-shadow:none;background:#fff}.quote-button,.quiz-submit,.contact-form button,.home-button{border:2px solid #000000;background:#000;color:#fff}.quote-button:hover,.quiz-submit:hover,.contact-form button:hover,.home-button:hover{background:#fff;color:#000}}@media (max-width: 1024px){.course-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}}@media (max-width: 768px){html{font-size:14px}#root{padding:clamp(var(--space-2),3vw,var(--space-4))}.course-list{grid-template-columns:1fr;gap:var(--space-4)}.quiz-options{gap:var(--space-2)}.quiz-option{padding:var(--space-3)}.contact-form{padding:var(--space-6)}.form-actions{flex-direction:column;align-items:stretch}.contact-form button{width:100%}}@media (max-width: 480px){html{font-size:13px}.card,.course-card,.contact-form,.quiz-container{padding:var(--space-4)}.notfound-page,.quotes-page blockquote{padding:var(--space-6)}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}body{font-size:12pt;line-height:1.5}h1,h2,h3,h4,h5,h6{page-break-after:avoid}.card,.course-card{border:1px solid #000;page-break-inside:avoid}.quote-button,.quiz-submit,.contact-form button,.home-button{display:none}}:root[data-theme=light]{--bg-gradient: linear-gradient(135deg, #60a5fa 0%, #6366f1 50%, #7c3aed 100%);--text-primary: #000000;--text-secondary: #000000;--text-muted: rgba(0, 0, 0, .7);--white: #ffffff;--btn-bg: #ffffff;--btn-color: #7c3aed;--btn-hover: #f3e8ff;--glass-bg: rgba(0, 0, 0, .04);--glass-border: rgba(0, 0, 0, .08);--dot-color: rgba(0, 0, 0, .5)}:root[data-theme=dark]{--bg-gradient: linear-gradient(135deg, #1e40af 0%, #4f46e5 50%, #9333ea 100%);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .92);--text-muted: rgba(255, 255, 255, .8);--white: #ffffff;--btn-bg: #1e293b;--btn-color: #f3e8ff;--btn-hover: #7c3aed;--glass-bg: rgba(7, 7, 7, .12);--glass-border: rgba(0, 0, 0, 0);--dot-color: rgba(255, 255, 255, .7)}.notfound-container{min-height:100vh;background:var(--bg-gradient);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.notfound-content{max-width:80rem;width:100%;text-align:center;margin:0 auto}.notfound-404-container{position:relative;margin-bottom:2.5rem}.notfound-404-text{font-size:9rem;font-weight:800;color:var(--text-primary);opacity:.15;-webkit-user-select:none;user-select:none;line-height:1}.notfound-compass-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.notfound-compass-bg{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50%;padding:2.25rem;border:1px solid var(--glass-border)}.notfound-compass-icon{width:4rem;height:4rem;color:var(--text-primary);animation:spin 6s linear infinite}.notfound-heading{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;line-height:1.25;text-align:center;color:var(--text-primary, #1f2937);margin:2.5rem auto 1.5rem;padding:0 1rem;letter-spacing:-.015em;max-width:100%;word-break:break-word;white-space:normal}.notfound-subheading{font-size:1.25rem;color:var(--text-secondary);line-height:1.7;margin-bottom:.75rem}.notfound-description{font-size:1.125rem;color:var(--text-muted);margin-bottom:2rem}.notfound-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;margin-bottom:2.5rem}.notfound-home-btn,.notfound-back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;border-radius:9999px;font-weight:600;font-size:1.125rem;text-decoration:none;transition:all .3s ease;color:var(--btn-color)}.notfound-home-btn{background:var(--btn-bg);color:var(--btn-color);box-shadow:0 8px 20px #7c3aed40}.notfound-home-btn:hover{background:var(--btn-hover);transform:translateY(-4px);box-shadow:0 12px 25px #7c3aed4d}.notfound-home-btn svg{width:1.25rem;height:1.25rem}.notfound-home-btn:hover svg{animation:bounce 1s infinite}.notfound-back-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer}.notfound-back-btn:hover{background:var(--btn-hover);transform:scale(1.05)}.notfound-back-btn svg{width:1.25rem;height:1.25rem}.notfound-back-btn:hover svg{animation:pulse 2s infinite}.notfound-dots{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.notfound-dot{width:1rem;height:1rem;background:var(--dot-color);border-radius:9999px;animation:bounce 1s infinite}.notfound-dot:nth-child(1){animation-delay:0s}.notfound-dot:nth-child(2){animation-delay:.2s}.notfound-dot:nth-child(3){animation-delay:.4s}.notfound-links-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:1.25rem;padding:1.5rem;border:1px solid var(--glass-border);margin-bottom:2rem}.notfound-links-title{color:var(--text-secondary);margin-bottom:1rem;font-weight:600;font-size:1rem}.notfound-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.notfound-link{background:#fff3;color:var(--text-primary);padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;text-decoration:none;transition:all .25s ease}.notfound-link:hover{background:#ffffff4d;transform:translateY(-2px)}.notfound-footer{color:var(--text-muted);font-size:.875rem;margin-top:2.25rem}@media (min-width: 640px){.notfound-buttons{flex-direction:row}}@media (min-width: 768px){.notfound-404-text{font-size:12rem}.notfound-heading{font-size:3.5rem}}.notfound-404-text:hover,.notfound-compass-icon:hover{animation:shake .3s ease-in-out infinite;cursor:not-allowed}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(2deg)}50%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}to{transform:rotate(0)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}90%{transform:translateY(-2px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}