*{box-sizing:border-box;margin:0;padding:0}body{background:#f8f9fa;color:#2c3e50}.header{background:#ff7b25;color:#f8f9fa}.card{background:#fff;border:1px solid #e9ecef;box-shadow:0 2px 8px #0000000d}.card-title{color:#ff7b25}h1{font-size:1.6rem;font-weight:700;line-height:1.3;margin:2rem 0 1rem}a,h1{color:#222}a{text-decoration:none;transition:color .3s ease}a:hover{color:#ff883b}.container{margin:0 auto;max-width:1280px;padding:0 20px;width:100%}.hero{align-items:center;color:#fff;display:flex;height:30vh;min-height:300px;padding-top:100px;text-align:center}.hero-content{margin:0 auto;max-width:100%;padding:0 20px}.hero-content h1{color:#ff7b25;font-size:2.5rem;letter-spacing:8px;line-height:1.2;margin-bottom:20px}@media(max-width:768px){.hero-content h1{font-size:1.8rem}}.hero-content p{color:#f8f9fa;font-size:1.2rem;margin-bottom:40px;opacity:.9}@media(max-width:768px){.hero-content p{font-size:1rem}}.section-header{margin-bottom:50px;text-align:center}.section-header .section-title{color:#ff7b25;display:inline-block;font-size:2.2rem;margin-bottom:1rem;position:relative}.section-header .section-title:after{background:linear-gradient(90deg,#ff7b251a,#ff7b25 40% 50%,#ff7b25 60%,#ff7b251a);bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:80px}.section-header .section-subtitle{color:#666;font-size:.9rem;margin:0 auto;max-width:700px}@media(max-width:1200px){.container{max-width:1024px}}@media(max-width:1024px){.section-title{font-size:1.2rem}.section-subtitle{font-size:.6rem}}