:root{--color-primary-50: #f0f9ff;--color-primary-100: #e0f2fe;--color-primary-200: #bae6fd;--color-primary-300: #7dd3fc;--color-primary-400: #38bdf8;--color-primary-500: #0ea5e9;--color-primary-600: #0284c7;--color-primary-700: #0369a1;--color-primary-800: #075985;--color-primary-900: #0c4a6e;--color-secondary-50: #f8fafc;--color-secondary-100: #f1f5f9;--color-secondary-200: #e2e8f0;--color-secondary-300: #cbd5e1;--color-secondary-400: #94a3b8;--color-secondary-500: #64748b;--color-secondary-600: #475569;--color-secondary-700: #334155;--color-secondary-800: #1e293b;--color-secondary-900: #0f172a;--color-accent-50: #fdf4ff;--color-accent-100: #fae8ff;--color-accent-200: #f5d0fe;--color-accent-300: #f0abfc;--color-accent-400: #e879f9;--color-accent-500: #d946ef;--color-accent-600: #c026d3;--color-accent-700: #a21caf;--color-accent-800: #86198f;--color-accent-900: #701a75;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-success-400: #4ade80;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-success-800: #166534;--color-success-900: #14532d;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-warning-900: #78350f;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-error-900: #7f1d1d;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--font-family-primary: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", "SF Mono", Monaco, "Cascadia Code", "Courier New", monospace;--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;--text-6xl: 3.75rem;--font-thin: 100;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-px: 1px;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--space-48: 12rem;--space-56: 14rem;--space-64: 16rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--z-auto: auto;--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--transition-none: none;--transition-all: all .15s cubic-bezier(.4, 0, .2, 1);--transition-default: .15s cubic-bezier(.4, 0, .2, 1);--transition-fast: .1s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;text-rendering:optimizeLegibility}body{font-family:var(--font-family-primary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-neutral-900);background-color:var(--color-neutral-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;letter-spacing:-.01em}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-neutral-900);letter-spacing:-.02em;margin-bottom:var(--space-4)}h1{font-size:var(--text-5xl);font-weight:var(--font-extrabold);letter-spacing:-.03em}h2{font-size:var(--text-4xl);font-weight:var(--font-bold)}h3{font-size:var(--text-3xl);font-weight:var(--font-bold)}h4{font-size:var(--text-2xl);font-weight:var(--font-semibold)}h5{font-size:var(--text-xl);font-weight:var(--font-semibold)}h6{font-size:var(--text-lg);font-weight:var(--font-medium)}p{color:var(--color-neutral-700);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);letter-spacing:-.005em}a{color:var(--color-primary-600);text-decoration:none;transition:var(--transition-default)}a:hover{color:var(--color-primary-700);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}input,textarea,select{font-family:inherit;font-size:var(--text-base);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:var(--transition-default);background-color:#fff}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #0ea5e91a}input:disabled,textarea:disabled,select:disabled{background-color:var(--color-neutral-100);color:var(--color-neutral-500);cursor:not-allowed}button{font-family:inherit;font-size:var(--text-base);font-weight:var(--font-medium);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);cursor:pointer;transition:var(--transition-default);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}button:disabled{opacity:.6;cursor:not-allowed}button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}@media (min-width: 640px){.container{padding:0 var(--space-6)}}@media (min-width: 1024px){.container{padding:0 var(--space-8)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.tracking-tight{letter-spacing:-.03em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}#root{min-height:100vh;display:flex;flex-direction:column}code{font-family:var(--font-family-mono);font-size:var(--text-sm);background-color:var(--color-neutral-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base);color:var(--color-neutral-800)}pre code{display:block;padding:var(--space-4);background-color:var(--color-neutral-100);color:var(--color-neutral-800);border-radius:var(--radius-lg);overflow-x:auto;border:1px solid var(--color-neutral-200)}.app-footer{background-color:var(--color-neutral-100);color:var(--color-neutral-700);padding:2rem 1rem;text-align:center;margin-top:auto;border-top:1px solid var(--color-neutral-200)}.footer-content{max-width:1200px;margin:0 auto}.footer-content p{margin:0 0 1rem}.footer-links a{color:var(--color-primary-600);text-decoration:none;margin:0 .5rem;transition:color .2s ease-in-out}.footer-links a:hover{color:var(--color-primary-700)}.footer-links span{color:#6c757d}.toast-container{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;gap:10px;z-index:2000}.toast{background:var(--color-neutral-800);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideIn .25s ease-out,fadeOut .4s ease-in 3.2s forwards;cursor:pointer;max-width:360px;border:1px solid var(--color-neutral-600)}.toast.info{background:var(--color-primary-600);border-color:var(--color-primary-400)}.toast.success{background:var(--color-success-600);border-color:var(--color-success-400)}.toast.error{background:var(--color-error-600);border-color:var(--color-error-400)}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translateY(-6px)}}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1}.header{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);color:#fff;box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-container{max-width:1280px;margin:0 auto;padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between;height:4rem}.logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:#fff;transition:var(--transition-default)}.logo:hover{transform:translateY(-1px);text-decoration:none;color:#fff}.logo-icon{font-size:var(--text-2xl);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.logo-text{display:flex;flex-direction:column}.logo-title{font-size:var(--text-xl);font-weight:var(--font-extrabold);line-height:var(--leading-tight);letter-spacing:-.02em}.logo-subtitle{font-size:var(--text-sm);opacity:.9;font-weight:var(--font-medium);letter-spacing:-.005em}.nav-desktop{display:none;gap:var(--space-2)}@media (min-width: 768px){.nav-desktop{display:flex}}.nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);text-decoration:none;color:#ffffffe6;font-weight:var(--font-medium);font-size:var(--text-sm);transition:var(--transition-default);position:relative}.nav-link:hover{background:#ffffff1a;color:#fff;text-decoration:none;transform:translateY(-1px)}.nav-link-active:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:2rem;height:2px;background:#fff;border-radius:var(--radius-full)}.nav-icon{font-size:var(--text-base)}.nav-text{font-size:var(--text-sm)}.user-menu{display:flex;align-items:center;gap:var(--space-3)}.user-menu-dropdown{position:relative;display:flex;align-items:center}.user-avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:#fff3;border:none;cursor:pointer;transition:var(--transition-default);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:var(--text-lg);display:flex;align-items:center;justify-content:center;color:#fff}.user-avatar:hover{background:#ffffff4d;transform:scale(1.05)}.dropdown-content{position:absolute;top:100%;right:0;padding-top:var(--space-2);z-index:var(--z-50)}.dropdown-content>div{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;min-width:12rem;animation:slideDown .2s ease-out;border:1px solid var(--color-neutral-200)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;text-align:left;color:var(--color-neutral-700);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-default);text-decoration:none}.dropdown-item:hover{background:var(--color-neutral-100);color:var(--color-neutral-900);text-decoration:none}.dropdown-icon{font-size:var(--text-base)}.dropdown-divider{height:1px;background:var(--color-neutral-200);margin:var(--space-1) 0}.auth-buttons{display:none;gap:var(--space-2)}@media (min-width: 768px){.auth-buttons{display:flex}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:var(--transition-default);border:none;cursor:pointer}.btn-primary{background:#fff;color:var(--color-primary-700);font-weight:var(--font-semibold)}.analysis-page,.visualizations-page,.imagegen-page{margin-top:var(--space-6)}.btn-primary:hover{background:#fffffff2;color:var(--color-primary-800);text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-secondary:hover{background:#ffffff4d;color:#fff;text-decoration:none;transform:translateY(-1px)}.mobile-menu-button{display:none}@media (max-width: 767px){.mobile-menu-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#fff3;border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;transition:var(--transition-default);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.mobile-menu-button:hover{background:#ffffff4d;transform:scale(1.05)}.menu-icon{width:1.25rem;height:1.25rem;fill:none}.nav-mobile{display:none}@media (max-width: 767px){.nav-mobile{background:var(--color-primary-700);border-top:1px solid rgba(255,255,255,.1);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);animation:slideIn .2s ease-out}}.nav-link-mobile{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);text-decoration:none;color:#ffffffe6;font-weight:var(--font-medium);transition:var(--transition-default)}.nav-link-mobile:hover{background:#ffffff1a;color:#fff;text-decoration:none}.nav-link-mobile-active{background:#fff3;color:#fff}.mobile-auth{border-top:1px solid rgba(255,255,255,.1);margin-top:var(--space-2);padding-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.main{flex:1;background:var(--color-neutral-50);width:100%;display:flex;flex-direction:column;align-items:center}.main>*{width:100%;max-width:1280px;padding-left:var(--space-4);padding-right:var(--space-4);box-sizing:border-box}@media (max-width: 640px){.header-container{padding:0 var(--space-3);height:3.5rem}.logo-text{display:none}.logo-icon{width:2rem;height:2rem;font-size:var(--text-lg)}}.logo:focus-visible,.nav-link:focus-visible,.btn:focus-visible,.mobile-menu-button:focus-visible,.nav-link-mobile:focus-visible{outline:2px solid white;outline-offset:2px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}:root{--wp--preset--font-size--normal: 16px;--wp--preset--font-size--medium: clamp(14px, .875rem + ((1vw - 3.2px) * .556), 20px);--wp--preset--font-size--large: clamp(22.041px, 1.378rem + ((1vw - 3.2px) * 1.293), 36px);--wp--preset--font-family--work-sans: "Work Sans", sans-serif;--clr-primary-blue-100: #0c499c;--clr-primary-blue-200: #002e6d;--clr-primary-blue-300: #072042;--color-primary-blue: var(--clr-primary-blue-100);--clr-secondary-orange-100: #ff661b;--clr-secondary-cyan-200: #0099a8;--wp--preset--color--white: #FFFFFF;--wp--preset--color--background: #F4F8FE;--wp--preset--gradient--blue-to-teal: linear-gradient(90deg, #0C499C 0%, #0099A8 100%);--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2);--border-radius: 8px;--pg-size: 1150px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;font-family:Open Sans,sans-serif;font-size:var(--wp--preset--font-size--normal)}body{background-color:var(--wp--preset--color--background);line-height:1.5}.main-header{position:sticky;top:0;z-index:100;width:100%;display:flex;align-items:center;background-color:var(--clr-primary-blue-100);color:var(--wp--preset--color--white);padding-top:.25rem;padding-bottom:.25rem;line-height:.75rem}