:root{--color-primary: #742774;--color-primary-hover: #5E1F5E;--color-primary-soft: rgba(116, 39, 116, .1);--color-secondary: #0078D4;--color-secondary-strong: #005A9E;--color-secondary-hover: #004A82;--color-secondary-soft: rgba(0, 120, 212, .1);--color-accent: #00B7C3;--color-accent-strong: #00757D;--color-accent-hover: #007680;--color-accent-soft: rgba(0, 183, 195, .12);--color-red: #D13438;--color-green: #107C10;--color-gold: #B07900;--color-bg: #F3F2F1;--color-surface: #FFFFFF;--color-surface-alt: #FAF9F8;--color-text: #323130;--color-text-muted: #605E5C;--color-text-light: #8A8886;--color-border: #E1DFDD;--color-divider: #EDEBE9;--color-footer-bg: #1F1B20;--color-footer-text: #D2D0CE;--color-card-overlay: rgba(255, 255, 255, .92);--font-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-size-h1: 2.5rem;--font-size-h2: 1.75rem;--font-size-h3: 1.25rem;--font-size-body: 1rem;--font-weight-semibold: 600;--font-weight-regular: 400;--shadow-card: 0 2px 8px rgba(0, 0, 0, .1);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .14);--shadow-nav: 0 1px 4px rgba(0, 0, 0, .08);--radius: 8px;--radius-lg: 12px;--radius-pill: 999px;--transition: .2s ease}[data-theme=dark]{--color-primary: #C47FC4;--color-primary-hover: #D99DD9;--color-primary-soft: rgba(196, 127, 196, .18);--color-secondary: #4DA6E8;--color-secondary-strong: #75BEF0;--color-secondary-hover: #9BD0F5;--color-secondary-soft: rgba(77, 166, 232, .15);--color-accent: #4DD4DE;--color-accent-strong: #6EDEE7;--color-accent-hover: #8FE7EE;--color-accent-soft: rgba(77, 212, 222, .15);--color-red: #F1707A;--color-green: #5CB85C;--color-gold: #E6B732;--color-bg: #1B1220;--color-surface: #261A2C;--color-surface-alt: #1F1425;--color-text: #F3F0F4;--color-text-muted: #B8B2BD;--color-text-light: #8F8995;--color-border: #3A2C44;--color-divider: #2F2438;--color-footer-bg: #120A17;--color-footer-text: #B8B2BD;--color-card-overlay: rgba(27, 18, 32, .9);--shadow-card: 0 2px 8px rgba(0, 0, 0, .45);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .6);--shadow-nav: 0 1px 4px rgba(0, 0, 0, .45)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.25;color:var(--color-text)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-hover)}a:focus-visible,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}img{max-width:100%;height:auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .6s ease-out forwards}.fade-in-delay-1{animation-delay:.1s;opacity:0}.fade-in-delay-2{animation-delay:.2s;opacity:0}.fade-in-delay-3{animation-delay:.3s;opacity:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}