*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}:root{--primary-color: #2c5aa0;--secondary-color: #28a745;--accent-color: #17a2b8;--danger-color: #dc3545;--warning-color: #ffc107;--light-color: #f8f9fa;--dark-color: #343a40;--white: #ffffff}h1{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;color:var(--primary-color);margin-bottom:1rem}h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:var(--primary-color);margin-bottom:.8rem}h3{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:500;color:var(--dark-color);margin-bottom:.6rem}p{font-size:clamp(.9rem,2vw,1rem);margin-bottom:1rem}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.text-primary{color:var(--primary-color)}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:5px;text-decoration:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:#1e3a6f;transform:translateY(-2px)}@media (max-width: 768px){.container{padding:0 15px}}@media (max-width: 480px){.container{padding:0 10px}}