:root{--color-primary:#667eea;--color-primary-dark:#5a67d8;--color-secondary:#764ba2;--color-accent:#f093fb;--color-white:#fff;--color-gray-100:#f7fafc;--color-gray-200:#edf2f7;--color-gray-300:#e2e8f0;--color-gray-400:#cbd5e0;--color-gray-500:#a0aec0;--color-gray-600:#718096;--color-gray-700:#4a5568;--color-gray-800:#2d3748;--color-gray-900:#1a202c;--color-bg-primary:#1a1a2e;--color-bg-secondary:#16213e;--color-bg-tertiary:#0f3460;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--font-family-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"SF Mono",Monaco,Inconsolata,"Roboto Mono","Source Code Pro",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-sm:.25rem;--radius-base:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}.text-gradient{background:linear-gradient(45deg,var(--color-primary)0%,var(--color-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bg-gradient-primary{background:linear-gradient(135deg,var(--color-bg-primary)0%,var(--color-bg-secondary)50%,var(--color-bg-tertiary)100%)}.bg-gradient-card{background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%)}.backdrop-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}.fade-in{animation:.6s ease-out fadeIn}.slide-up{animation:.6s ease-out slideUp}.scale-in{animation:.4s ease-out scaleIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){:root{--font-size-3xl:1.5rem;--font-size-4xl:1.875rem;--font-size-5xl:2.25rem;--font-size-6xl:3rem}}@media (max-width:480px){:root{--font-size-2xl:1.25rem;--font-size-3xl:1.375rem;--font-size-4xl:1.5rem;--font-size-5xl:1.875rem;--font-size-6xl:2.25rem}}
html,body{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.appLayout{padding-top:80px}a{color:inherit;text-decoration:none}*{box-sizing:border-box}main{text-align:center;padding:2rem}button{color:#fff;cursor:pointer;background:linear-gradient(45deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:transform .2s}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0)}ul{margin:0!important;padding-left:0!important;list-style:none!important}li{list-style:none!important}.expandedContent ul{padding-left:0!important;list-style:none!important}
