.hero-section{background-color:transparent;background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.3)),url(/images/firin_sayfasi.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:flex-start;align-items:center;height:70vh;min-height:500px;padding:0 20px;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";opacity:.1;z-index:1;background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 50%,#60a5fa 100%);border-radius:50%/60% 60% 40% 40%;width:300px;height:400px;position:absolute;top:50%;right:10%;transform:translateY(-50%)}.hero-section:after{content:"";opacity:.2;z-index:1;background:#ff6b35;border-radius:50%;width:100px;height:100px;position:absolute;top:20%;right:5%}.hero-content{z-index:2;width:100%;max-width:1200px;margin:0 auto;position:relative}.hero-text{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);max-width:600px}.hero-title{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin-bottom:20px;font-size:3.5rem;font-weight:700;line-height:1.1}.hero-subtitle{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin-bottom:30px;font-size:1.25rem;font-weight:500;line-height:1.4}.hero-button{color:#fff;cursor:pointer;background:#1e3a8a;border:none;border-radius:8px;padding:15px 30px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 8px rgba(0,0,0,.2)}.hero-button:hover{background:#1e40af;transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.3)}@media (max-width:1024px){.hero-section{height:65vh;min-height:450px}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.2rem}}@media (max-width:768px){.hero-section{height:60vh;min-height:400px;padding:0 15px}.hero-content{text-align:center}.hero-text{max-width:100%}.hero-title{margin-bottom:15px;font-size:2.5rem}.hero-subtitle{margin-bottom:25px;font-size:1.1rem}.hero-button{padding:12px 24px;font-size:14px}}@media (max-width:480px){.hero-section{height:55vh;min-height:350px;padding:0 10px}.hero-title{font-size:2rem;line-height:1.2}.hero-subtitle{font-size:1rem;line-height:1.3}.hero-button{padding:10px 20px;font-size:13px}}
