:root{--primary-yellow:#FFD700;--secondary-yellow:#FFF8DC;--accent-yellow:#FFA500;--dark-yellow:#DAA520;--light-yellow:#FFFFE0;--text-dark:#2C3E50;--text-muted:#6C757D;--text-light:#FFFFFF;--success:#28A745;--danger:#DC3545;--warning:#FFC107;--info:#17A2B8;--shadow-light:0 2px 10px rgba(0,0,0,0.1);--shadow-medium:0 4px 20px rgba(0,0,0,0.15);--shadow-heavy:0 8px 30px rgba(0,0,0,0.2);--border-radius:12px;--border-radius-sm:8px;--border-radius-lg:16px;--border-radius-xl:25px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-xxl:1.5rem;--font-size-huge:2rem;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px}*{box-sizing:border-box}body{font-family:var(--font-family);color:var(--text-dark);line-height:1.6;background:linear-gradient(135deg,var(--light-yellow) 0,var(--secondary-yellow) 100%);min-height:100vh}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--spacing-sm)!important}.mt-2{margin-top:var(--spacing-md)!important}.mt-3{margin-top:var(--spacing-lg)!important}.mt-4{margin-top:var(--spacing-xl)!important}.mt-5{margin-top:var(--spacing-xxl)!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--spacing-sm)!important}.mb-2{margin-bottom:var(--spacing-md)!important}.mb-3{margin-bottom:var(--spacing-lg)!important}.mb-4{margin-bottom:var(--spacing-xl)!important}.mb-5{margin-bottom:var(--spacing-xxl)!important}.p-0{padding:0!important}.p-1{padding:var(--spacing-sm)!important}.p-2{padding:var(--spacing-md)!important}.p-3{padding:var(--spacing-lg)!important}.p-4{padding:var(--spacing-xl)!important}.p-5{padding:var(--spacing-xxl)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.fade-in{animation:fadeIn .3s ease-out}.slide-in-right{animation:slideInRight .4s ease-out}