:root{--color-primary: #004A80;--color-primary-light: #0066B3;--color-primary-dark: #003366;--color-primary-bg: #E6F2FF;--color-primary-hover: #003D6B;--color-secondary: #60A5FA;--color-secondary-light: #93C5FD;--color-secondary-dark: #3B82F6;--color-accent: #10B981;--color-accent-light: #34D399;--color-accent-dark: #059669;--color-error: #dc2626;--color-warning: #f59e0b;--color-success: #10b981;--color-info: #3b82f6;--color-text-primary: #1e293b;--color-text-secondary: #475569;--color-text-tertiary: #64748b;--color-text-light: #94a3b8;--color-text-white: #ffffff;--color-bg-white: #ffffff;--color-bg-light: #f8fafc;--color-bg-gray: #f1f5f9;--color-bg-dark: #1e293b;--gradient-primary: linear-gradient(135deg, #f8fafc 0%, #e0e7ff 100%);--gradient-secondary: linear-gradient(180deg, #dbeafe 0%, #bfdbfe 100%);--gradient-dark: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-border-dark: #cbd5e1;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--spacing-4xl: 80px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .15);--shadow-primary: 0 4px 12px rgba(0, 74, 128, .3);--shadow-primary-lg: 0 8px 24px rgba(0, 74, 128, .2);--font-family-primary: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--font-family-mono: "Courier New", monospace;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 32px;--font-size-5xl: 48px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-index-dropdown: 100;--z-index-sticky: 500;--z-index-modal: 900;--z-index-banner: 1000;--z-index-tooltip: 1100;--header-height: 72px;--banner-height: 32px;--max-width-content: 1200px;--max-width-wide: 1400px;--opacity-disabled: .5;--opacity-hover: .8;--opacity-subtle: .7}@media (prefers-color-scheme: dark){:root{--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-bg-white: #1e293b;--color-bg-light: #0f172a;--color-bg-gray: #1e293b}}*{box-sizing:border-box}:root{font-family:var(--font-family-primary);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);color-scheme:light;color:var(--color-text-primary);background-color:var(--color-bg-white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}html,body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden}#root{width:100%;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.construction-banner{width:100%;max-width:100vw;background:var(--color-error);color:var(--color-text-white);padding:3px 10px;text-align:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:var(--z-index-banner);overflow-x:hidden}.banner-text{display:inline-flex;align-items:center;gap:var(--spacing-sm);letter-spacing:.5px}.banner-text .material-icons{font-size:18px}@media (max-width: 768px){.construction-banner{padding:3px 10px;font-size:13px}}.header{width:100%;max-width:100vw;overflow-x:hidden}.navbar{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;max-width:1400px;margin:0 auto;width:100%;gap:var(--spacing-xl)}.logo-container{display:flex;align-items:center;gap:8px;cursor:pointer;transition:opacity .2s ease}.logo-container:hover{opacity:.8}.logo-icon{width:32px;height:32px;background:var(--color-primary);color:var(--color-text-white);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.logo-icon .material-icons{font-size:20px}.logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.nav-links{display:flex;align-items:center;gap:var(--spacing-xl);flex:1;justify-content:center}.nav-links a{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer}.nav-links a:hover{color:var(--color-primary);background:var(--color-primary-bg)}.login-button{background:var(--color-primary);color:var(--color-text-white);border:none;padding:10px 24px;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-family-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.login-button .material-icons{font-size:18px}.login-button:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-primary)}.login-button:active{transform:translateY(0)}.hero-section{text-align:center;padding:0 20px 20px}.tagline{letter-spacing:-.05em;font-size:var(--font-size-5xl);font-weight:800;line-height:var(--line-height-tight);margin:0;color:#000}.tagline-highlight{color:var(--color-primary)}@media (max-width: 1024px){.nav-links{gap:var(--spacing-lg)}.nav-links a{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width: 768px){.navbar{padding:16px 20px;gap:var(--spacing-md)}.nav-links{display:none}.logo-text{font-size:16px}.logo-icon{width:28px;height:28px;font-size:16px}.login-button{padding:8px 20px;font-size:14px}.login-button .material-icons{display:none}.hero-section{padding:0 20px 20px}.tagline{font-size:36px}}@keyframes glow{0%,to{box-shadow:0 0 20px #004a804d,0 0 40px #004a801a}50%{box-shadow:0 0 30px #004a8080,0 0 60px #004a8033}}.uploader-container{max-width:600px;margin:60px auto 100px;padding:0 20px}.upload-box{border:3px dashed var(--color-primary);border-radius:var(--radius-3xl);padding:60px 40px;text-align:center;background:#fff;cursor:pointer;transition:all var(--transition-slow);position:relative;animation:glow 2.5s ease-in-out infinite}.upload-box:hover{border-color:var(--color-primary-hover);border:3px solid var(--color-primary-light);background:#fff;transform:translateY(-2px);box-shadow:var(--shadow-primary-lg);animation:none}.upload-box.dragging{border-color:var(--color-primary-hover);background:var(--color-primary-bg);transform:scale(1.02);animation:none}.upload-content{pointer-events:none}.upload-text{font-size:18px;line-height:1.6;margin:0 0 20px;color:#1e293b}.upload-text strong{font-weight:600}.file-icon{margin-top:12px;opacity:.8}.file-icon .material-icons{font-size:64px;color:var(--color-primary)}.upload-status{margin-top:20px;text-align:center;color:#059669;font-weight:500}@media (max-width: 768px){.upload-box{padding:40px 30px}.upload-text{font-size:16px}}.features-section{width:100%;max-width:100vw;padding:80px 20px;background:linear-gradient(135deg,#f8fafc,#e0e7ff);overflow-x:hidden}.features-container{max-width:1200px;margin:0 auto;width:100%}.features-badge{display:inline-block;background:var(--color-primary-bg);color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-2xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2xl);text-align:center;width:fit-content;margin-left:auto;margin-right:auto;display:block}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:24px;margin-top:40px}.feature-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease;border:2px solid transparent}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #2563eb1a;border-color:#dbeafe}.feature-icon{margin-bottom:var(--spacing-md)}.feature-icon .material-icons{font-size:48px;color:var(--color-primary)}.feature-title{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 12px;line-height:1.4}.feature-description{font-size:14px;color:#64748b;line-height:1.6;margin:0}.feature-note{font-size:13px;color:#64748b;margin:12px 0 0;font-style:italic}.quiz-logos{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.logo-item{background:var(--color-bg-gray);padding:6px 14px;border-radius:var(--radius-2xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:flex;align-items:center;gap:6px}.logo-item .material-icons{font-size:16px}@media (max-width: 768px){.features-section{padding:60px 20px}.features-grid{grid-template-columns:1fr}.feature-card{padding:24px}}.testimonials-section{width:100%;max-width:100vw;padding:80px 20px;background:linear-gradient(180deg,#dbeafe,#bfdbfe);overflow-x:hidden}.testimonials-container{max-width:1200px;margin:0 auto;width:100%}.testimonials-heading{text-align:center;font-size:32px;font-weight:600;color:#1e293b;margin-bottom:48px}.loved-text{font-weight:700;color:#1e293b}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:24px;margin-top:40px}.testimonial-card{background:#fff;border-radius:20px;padding:28px;box-shadow:0 4px 12px #00000014;transition:all .3s ease;display:flex;flex-direction:column;gap:16px}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.testimonial-header{display:flex;align-items:flex-start;gap:12px}.avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid var(--color-bg-light);box-shadow:var(--shadow-sm)}.avatar .material-icons{font-size:32px;color:var(--color-text-white)}.testimonial-info{display:flex;flex-direction:column;gap:4px}.stars{display:flex;gap:2px;margin-bottom:4px}.star{font-size:16px;line-height:1;color:#fbbf24}.testimonial-name{font-size:16px;font-weight:600;color:#1e293b;margin:0}.testimonial-quote{font-size:14px;color:#475569;line-height:1.6;margin:0;font-style:italic}@media (max-width: 1024px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.testimonials-section{padding:60px 20px}.testimonials-grid{grid-template-columns:1fr}.testimonials-heading{font-size:28px;margin-bottom:32px}.testimonial-card{padding:24px}}.footer{width:100%;max-width:100vw;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);color:var(--color-text-white);padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-xl);overflow-x:hidden}.footer-container{max-width:var(--max-width-content);margin:0 auto;width:100%}.footer-content{display:grid;grid-template-columns:2fr 3fr;gap:var(--spacing-3xl);margin-bottom:var(--spacing-2xl)}.footer-brand{display:flex;flex-direction:column;gap:var(--spacing-md);min-width:0}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.footer-logo-icon{width:36px;height:36px;background:#ffffff26;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.footer-logo-icon .material-icons{font-size:24px;color:var(--color-text-white)}.footer-logo-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-white);word-break:break-word}.footer-tagline{font-size:var(--font-size-base);color:#fffc;margin:0}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2xl);min-width:0}.footer-column{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-white);margin:0 0 var(--spacing-sm) 0}.footer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-list li a{color:#ffffffb3;text-decoration:none;font-size:var(--font-size-base);transition:color var(--transition-base)}.footer-list li a:hover{color:var(--color-text-white)}.footer-bottom{padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-copyright{font-size:var(--font-size-base);color:#fff9;margin:0}@media (max-width: 768px){.footer{padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-lg)}.footer-content{grid-template-columns:1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-xl)}.footer-links{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.footer-column:last-child{grid-column:span 2}}@media (max-width: 480px){.footer-links{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer-column:last-child{grid-column:span 1}}.App{min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;background:linear-gradient(135deg,#f8fafc,#e0e7ff)}