*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}html,body{height:100%}body{margin:0;font-family:Outfit,Inter,Roboto,Helvetica Neue,sans-serif;overflow-x:hidden}:root{--primary: #ff6600;--primary-hover: #ff8533;--secondary: #1a1a2e;--accent: #ffa500;--text-dark: #0a0b0c;--text-light: #6b7280;--bg-light: #f8f9fa;--white: #ffffff;--border-radius: 12px;--shadow: 0 10px 30px rgba(0, 0, 0, .08);--transition: all .3s cubic-bezier(.25, .8, .25, 1);--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-accent-primary: #f1aa24;--color-accent-hover: #f8b500;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-border: rgba(255, 255, 255, .1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}section{animation:fadeInUp .6s ease-out}