:root{--primary-blue: #1B3A57;--secondary-orange: #E07A3F;--dark-gray: #2C3E50;--light-gray: #F8F9FA;--white: #FFFFFF;--text-dark: #333333;--text-light: #666666;--success: #28A745;--border-color: #E0E0E0;--accent-gold: #D4AF37}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Roboto,sans-serif;color:var(--text-dark);background-color:var(--white);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:700;line-height:1.3;color:var(--dark-gray)}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}p{margin-bottom:1rem;color:var(--text-light)}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:Roboto,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section-title{text-align:center;margin-bottom:50px}.section-title h2{margin-bottom:15px;position:relative;display:inline-block}.section-title h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--secondary-orange),var(--accent-gold));border-radius:2px}.section-subtitle{font-size:1.1rem;color:var(--text-light);max-width:700px;margin:20px auto 0}.btn{padding:14px 32px;font-size:16px;font-weight:600;border-radius:5px;transition:all .3s ease;display:inline-block;text-align:center}.btn-primary{background:var(--secondary-orange);color:var(--white)}.btn-primary:hover{background:var(--accent-gold);transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.btn-secondary{background:var(--secondary-orange);color:var(--white)}.btn-secondary:hover{background:#c96736;transform:translateY(-2px);box-shadow:0 4px 12px #e07a3f4d}.btn-outline{background:transparent;color:var(--white);border:2px solid var(--white)}.btn-outline:hover{background:var(--white);color:var(--primary-blue)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-up{animation:fadeInUp .6s ease-out forwards;opacity:0}.fade-in{animation:fadeIn .6s ease-out forwards;opacity:0}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}@media (max-width: 768px){.section{padding:60px 0}.section-title h2:after{width:40px}}
