.splash-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:9999}.splash-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;padding:32px}.splash-icon{animation:float 3s ease-in-out infinite}.splash-title{font-size:48px;font-weight:700;color:#fff;margin:0;letter-spacing:-1px}.splash-tagline{font-size:16px;font-weight:400;color:#ffffffe6;margin:0;max-width:300px}.splash-spinner{margin-top:16px}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home-page{min-height:100vh;padding:var(--padding) 0;animation:fadeIn var(--transition-medium)}.home-header{margin-bottom:var(--spacing-large)}.action-cards{display:flex;flex-direction:column;gap:var(--spacing);margin-bottom:48px}.action-card{display:flex;align-items:center;gap:var(--spacing);transition:all var(--transition-short);animation:slideInUp var(--transition-medium);animation-fill-mode:both}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.action-card:active{transform:translateY(-2px)}.action-card-icon{flex-shrink:0;width:64px;height:64px;border-radius:var(--border-radius-small);display:flex;align-items:center;justify-content:center}.action-card-content{flex:1}.action-card-content h3{margin-bottom:4px}.action-card-arrow{flex-shrink:0}.about-section{margin-bottom:48px;animation:slideInUp var(--transition-medium);animation-fill-mode:both}.info-tiles{display:flex;flex-direction:column;gap:var(--spacing)}.info-tile{display:flex;align-items:flex-start;gap:var(--spacing);padding:var(--spacing);background-color:var(--surface-variant);border-radius:var(--border-radius-small);transition:all var(--transition-short)}.info-tile:hover{background-color:var(--grey-200)}.info-tile-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-small)}.info-tile-content h4{margin-bottom:4px}.home-footer{text-align:center;padding:var(--spacing-large) 0;animation:fadeIn var(--transition-long);animation-fill-mode:both}@media (max-width: 768px){.action-card{padding:var(--padding-small)}.action-card-icon{width:56px;height:56px}.info-tile{flex-direction:row}}@media (min-width: 768px){.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-large)}.info-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-large)}}.assessment-intro-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--background)}.app-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background-color:var(--white);box-shadow:0 1px 3px #0000001a}.back-button{background:transparent;border:none;font-size:24px;cursor:pointer;color:var(--grey-900);padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.app-bar-title{font-size:18px;font-weight:600;color:var(--grey-900);margin:0}.assessment-content{flex:1;padding:24px;overflow-y:auto}.illustration-circle{width:200px;height:200px;border-radius:100px;background-color:#6366f11a;display:flex;align-items:center;justify-content:center;margin:0 auto 32px}.page-title{font-size:28px;font-weight:700;color:var(--grey-900);text-align:left;margin:0 0 16px}.page-subtitle{font-size:16px;font-weight:400;color:var(--grey-700);line-height:1.6;margin:0 0 24px}.domain-tiles{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.domain-tile{display:flex;align-items:center;gap:12px}.domain-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.domain-title{font-size:16px;font-weight:400;color:var(--grey-900);line-height:1.6}.info-box{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;border:1px solid;margin-bottom:16px}.info-box svg{flex-shrink:0}.info-box p{margin:0;font-size:12px;font-weight:400;line-height:1.6}.gradient-border-button{padding:4px;border-radius:16px;margin-bottom:24px}.complete-test-button{width:100%;height:72px;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all var(--transition-short);padding:16px 24px}.complete-test-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #10b9814d}.complete-test-button:active{transform:translateY(0)}.button-content{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.button-title{font-size:18px;font-weight:700;color:#fff;line-height:1.2}.button-subtitle{font-size:12px;font-weight:400;color:#fff;opacity:.9;line-height:1.2}.divider-section{display:flex;align-items:center;gap:16px;margin-bottom:16px}.divider-line{flex:1;height:1px;background-color:var(--grey-300)}.divider-text{font-size:14px;font-weight:400;color:var(--grey-600);white-space:nowrap}.individual-tests{display:flex;flex-direction:column;gap:12px}.test-button{width:100%;padding:16px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-short);text-align:left}.test-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.test-button:active{transform:translateY(0)}@media (max-width: 768px){.illustration-circle{width:150px;height:150px;border-radius:75px}.illustration-circle svg{width:75px;height:75px}.page-title{font-size:24px}.complete-test-button{height:auto;flex-direction:column;text-align:center;padding:20px}.button-content{align-items:center}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366F1;--primary-light: #818CF8;--primary-dark: #4F46E5;--primary-container: #E0E7FF;--secondary: #06B6D4;--secondary-light: #22D3EE;--secondary-dark: #0891B2;--secondary-container: #CFFAFE;--tertiary: #EC4899;--tertiary-light: #F472B6;--tertiary-dark: #DB2777;--success: #10B981;--error: #EF4444;--warning: #F59E0B;--info: #3B82F6;--white: #FFFFFF;--black: #000000;--grey-50: #F9FAFB;--grey-100: #F3F4F6;--grey-200: #E5E7EB;--grey-300: #D1D5DB;--grey-400: #9CA3AF;--grey-500: #6B7280;--grey-600: #4B5563;--grey-700: #374151;--grey-800: #1F2937;--grey-900: #111827;--background: #FAFAFA;--surface: #FFFFFF;--surface-variant: #F3F4F6;--index-vci: #8B5CF6;--index-vsi: #06B6D4;--index-fri: #6366F1;--index-wmi: #10B981;--index-psi: #F59E0B;--index-fsiq: #7C3AED;--border-radius: 16px;--border-radius-small: 12px;--border-radius-large: 24px;--padding: 24px;--padding-small: 16px;--padding-large: 32px;--spacing: 16px;--spacing-small: 8px;--spacing-large: 24px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--transition-short: .2s ease-in-out;--transition-medium: .4s ease-in-out;--transition-long: .6s ease-in-out}html,body{width:100%;height:100%;overflow-x:hidden}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--grey-900);line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}.display-large{font-size:32px;font-weight:700;line-height:1.2;color:var(--grey-900)}.display-medium{font-size:28px;font-weight:700;line-height:1.2;color:var(--grey-900)}.display-small{font-size:24px;font-weight:700;line-height:1.2;color:var(--grey-900)}.headline-large{font-size:22px;font-weight:600;line-height:1.3;color:var(--grey-900)}.headline-medium{font-size:20px;font-weight:600;line-height:1.3;color:var(--grey-900)}.headline-small{font-size:18px;font-weight:600;line-height:1.3;color:var(--grey-900)}.title-large{font-size:16px;font-weight:600;line-height:1.4;color:var(--grey-900)}.title-medium{font-size:14px;font-weight:500;line-height:1.4;color:var(--grey-900)}.title-small{font-size:12px;font-weight:500;line-height:1.4;color:var(--grey-900)}.body-large{font-size:16px;font-weight:400;line-height:1.6;color:var(--grey-700)}.body-medium{font-size:14px;font-weight:400;line-height:1.6;color:var(--grey-700)}.body-small{font-size:12px;font-weight:400;line-height:1.6;color:var(--grey-600)}.label-large{font-size:14px;font-weight:500;line-height:1.4;color:var(--grey-900)}.label-medium{font-size:12px;font-weight:500;line-height:1.4;color:var(--grey-700)}.label-small{font-size:10px;font-weight:500;line-height:1.4;color:var(--grey-600)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;border:none;border-radius:var(--border-radius-small);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-short);text-decoration:none;outline:none;-webkit-user-select:none;user-select:none}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--secondary);color:var(--white)}.btn-secondary:hover{background-color:var(--secondary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #06b6d44d}.btn-outlined{background-color:transparent;color:var(--primary);border:1px solid var(--primary)}.btn-outlined:hover{background-color:#6366f11a}.btn-text{background-color:transparent;color:var(--primary);padding:8px 16px}.btn-text:hover{background-color:#6366f11a}.card{background-color:var(--surface);border-radius:var(--border-radius);border:1px solid var(--grey-200);padding:var(--padding);transition:all var(--transition-short)}.card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-interactive{cursor:pointer}.card-interactive:active{transform:translateY(0)}.container{max-width:1200px;margin:0 auto;padding:var(--padding)}.container-narrow{max-width:800px;margin:0 auto;padding:var(--padding)}.gradient-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%)}.gradient-success{background:linear-gradient(135deg,var(--success) 0%,#34D399 100%)}.gradient-preschool{background:linear-gradient(135deg,#f59e0b,#ec4899)}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.text-info{color:var(--info)}.mt-1{margin-top:var(--spacing-small)}.mt-2{margin-top:var(--spacing)}.mt-3{margin-top:var(--spacing-large)}.mt-4{margin-top:32px}.mb-1{margin-bottom:var(--spacing-small)}.mb-2{margin-bottom:var(--spacing)}.mb-3{margin-bottom:var(--spacing-large)}.mb-4{margin-bottom:32px}.p-1{padding:var(--spacing-small)}.p-2{padding:var(--spacing)}.p-3{padding:var(--spacing-large)}.p-4{padding:32px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-small)}.gap-2{gap:var(--spacing)}.gap-3{gap:var(--spacing-large)}.gap-4{gap:32px}.w-full{width:100%}.h-full{height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--transition-medium)}.slide-in-up{animation:slideInUp var(--transition-medium)}@media (max-width: 768px){.container{padding:var(--padding-small)}.display-large{font-size:28px}.display-medium{font-size:24px}.headline-large{font-size:20px}}