:root{--color-primary-50:var(--skin-primary-50,#F5F3F8);--color-primary-100:var(--skin-primary-100,#E8E0F0);--color-primary-200:var(--skin-primary-200,#D4C8E4);--color-primary-300:var(--skin-primary-300,#B8A9D9);--color-primary-400:var(--skin-primary-400,#9B8AC4);--color-primary-500:var(--skin-primary-500,#7C6BA4);--color-primary-600:var(--skin-primary-600,#5B4B8A);--color-primary-700:var(--skin-primary-700,#4A3D70);--color-primary-800:var(--skin-primary-800,#3A3058);--color-primary-900:var(--skin-primary-900,#2A2340);--color-accent-50:var(--skin-accent-50,#FAF8FC);--color-accent-100:var(--skin-accent-100,#F0E8F5);--color-accent-500:var(--skin-accent-500,#A89EC9);--color-accent-600:var(--skin-accent-600,#9B8AC4);--color-lavender-50:#FAF8FC;--color-lavender-100:#F0E8F5;--color-lavender-200:#E4D8ED;--color-lavender-300:#D4C4E3;--color-lavender-400:#C4B0D9;--color-lavender-500:#A89EC9;--color-rose-50:#FDF5F7;--color-rose-100:#F9E8EC;--color-rose-200:#F4D4DC;--color-rose-300:#EBB8C8;--color-rose-400:#E09AB2;--color-rose-500:#D47A99;--color-sage-50:#F4F7F5;--color-sage-100:#E8EFE9;--color-sage-200:#D1DFD4;--color-sage-300:#B3C9B8;--color-sage-400:#95B39C;--color-sage-500:#7A9D82;--color-sky-50:#F4F9FC;--color-sky-100:#E6F2F8;--color-sky-200:#CCE5F1;--color-sky-300:#A6D3E8;--color-sky-400:#7BBFDD;--color-sky-500:#5AABD0;--color-cream-50:#FDFCFA;--color-cream-100:#FAF7F2;--color-cream-200:#F5EEE4;--color-cream-300:#EDE2D0;--color-cream-400:#E4D4BC;--color-cream-500:#D9C4A5;--color-success:var(--color-sage-500);--color-success-light:var(--color-sage-100);--color-warning:#E8B86D;--color-warning-light:#FDF3E4;--color-error:#D47A7A;--color-error-light:#FDF0F0;--color-info:var(--color-sky-500);--color-info-light:var(--color-sky-100);--color-neutral-50:#FAFAFA;--color-neutral-100:#F5F5F5;--color-neutral-200:#E8E8E8;--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;--bg-primary:#FDFCFA;--bg-secondary:#F5F3F8;--bg-tertiary:#FFFFFF;--bg-card:#FFFFFF;--bg-elevated:#FFFFFF;--text-primary:var(--color-neutral-800);--text-secondary:var(--color-neutral-600);--text-tertiary:var(--color-neutral-500);--text-on-primary:#FFFFFF;--text-accent:var(--color-primary-600);--border-light:var(--color-neutral-200);--border-medium:var(--color-neutral-300);--border-focus:var(--color-primary-400);--shadow-xs:0 1px 2px rgba(91,75,138,0.04);--shadow-sm:0 2px 4px rgba(91,75,138,0.06);--shadow-md:0 4px 12px rgba(91,75,138,0.08);--shadow-lg:0 8px 24px rgba(91,75,138,0.10);--shadow-xl:0 16px 48px rgba(91,75,138,0.12);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease;--z-dropdown:100;--z-modal:200;--z-toast:300}.dark,[data-theme=dark]{--bg-primary:#1A1625;--bg-secondary:#231E2E;--bg-tertiary:#2D2640;--bg-card:#2D2640;--bg-elevated:#362E4A;--text-primary:var(--color-neutral-100);--text-secondary:var(--color-neutral-300);--text-tertiary:var(--color-neutral-400);--text-accent:var(--color-primary-300);--border-light:#3D3555;--border-medium:#4A4260;--border-focus:var(--color-primary-400);--shadow-xs:0 1px 2px rgba(0,0,0,0.2);--shadow-sm:0 2px 4px rgba(0,0,0,0.25);--shadow-md:0 4px 12px rgba(0,0,0,0.3);--shadow-lg:0 8px 24px rgba(0,0,0,0.35);--shadow-xl:0 16px 48px rgba(0,0,0,0.4)}@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Nunito:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap");:root{--font-display:"Quicksand","Nunito",system-ui,sans-serif;--font-body:"Nunito","Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.02em}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-4xl);font-weight:700}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:600}p{margin-bottom:1em}.lead,p{line-height:var(--leading-relaxed)}.lead{font-size:var(--text-lg);color:var(--text-secondary)}.small{font-size:var(--text-sm)}a{color:var(--text-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}.text-muted{color:var(--text-tertiary)}.text-accent{color:var(--text-accent)}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);min-height:100vh;overflow-x:hidden}::-moz-selection{background:var(--color-primary-200);color:var(--color-primary-900)}::selection{background:var(--color-primary-200);color:var(--color-primary-900)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-primary-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-400)}*{scrollbar-width:thin;scrollbar-color:var(--color-primary-300) var(--bg-secondary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.glass{background:rgba(255,255,255,.7);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.dark .glass{background:rgba(45,38,64,.7);border:1px solid rgba(255,255,255,.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.6}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-fade-in{animation:fadeIn var(--transition-normal)}.animate-slide-up{animation:slideUp var(--transition-normal)}.animate-pulse-soft{animation:pulse-soft 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.bg-gradient-primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600))}.bg-gradient-soft{background:linear-gradient(135deg,var(--color-lavender-100),var(--color-rose-100))}.bg-gradient-warm{background:linear-gradient(135deg,var(--color-cream-100),var(--color-rose-50))}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-display);font-weight:500;font-size:var(--text-sm);line-height:1;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--color-primary-500);color:var(--text-on-primary)}.btn-primary:hover{background:var(--color-primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary)}.btn-secondary:hover{background:var(--color-primary-100)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.input{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:var(--text-base);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--color-primary-100)}.input::-moz-placeholder{color:var(--text-tertiary)}.input::placeholder{color:var(--text-tertiary)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full);background:var(--color-primary-100);color:var(--color-primary-700)}.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}