:root{--primary:#ab6eff;--primary-light:#9d46ff;--primary-dark:#0a00b6;--secondary:#ff4081;--accent:#00e5ff;--text-light:#f8f9fa;--text-dark:#212121;--background-light:#fff;--background-dark:#121212;--surface-light:#f5f5f5;--surface-dark:#1e1e1e;--error:#cf6679;--success:#00c853;--warning:#ffd600;--info:#2196f3;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px;--border-radius-xl:24px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-family);scroll-behavior:smooth}a{color:inherit;text-decoration:none}.dark-mode{color:var(--text-light);background-color:var(--background-dark)}.light-mode{color:var(--text-dark);background-color:var(--background-light)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-xl) 0}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal);border:none;outline:none;text-align:center}.btn-primary{background-color:var(--primary);color:var(--text-light)}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.btn-secondary{background-color:var(--secondary);color:var(--text-light)}.btn-secondary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.btn-outline{background-color:transparent;border:2px solid var(--primary);color:var(--primary)}.dark-mode .btn-outline{border-color:var(--accent);color:var(--accent)}.btn-outline:hover{background-color:var(--primary);color:var(--text-light)}.dark-mode .btn-outline:hover{background-color:var(--accent);color:var(--text-dark)}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);line-height:1.2}h1{font-size:3.5rem}h1,h2{font-weight:700}h2{font-size:2.5rem}h3{font-size:2rem}h3,h4{font-weight:600}h4{font-size:1.5rem}p{margin-bottom:var(--spacing-md);line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width:1200px){h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.75rem}}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.section{padding:var(--spacing-lg) 0}}@media (max-width:480px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.container{padding:0 var(--spacing-md)}}