*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Inter,sans-serif;line-height:1.6;color:#333;background-color:#f8fafc}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:8px;text-decoration:none;font-weight:500;text-align:center;cursor:pointer;transition:all .3s ease}.btn.btn-primary{background:linear-gradient(135deg,#667eea 0%,#00014d 100%);color:#fff}.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.btn.btn-outline{background:linear-gradient(135deg,#667eea 0%,#00014d 100%);color:#fff;border:2px solid #ffffff}.btn.btn-outline:hover{background:#00014d;color:#fff}.section{padding:80px 0}.section.section-dark{background:#1a202c;color:#fff}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:20px;background:linear-gradient(135deg,#667eea 0%,#00014d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-subtitle{font-size:1.2rem;text-align:center;margin-bottom:60px;color:#64748b}@media (max-width: 768px){.container{padding:0 15px}.section{padding:60px 0}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}}@media (max-width: 480px){.section-title{font-size:1.8rem}.btn{padding:10px 20px;font-size:.9rem}}