/* =====================================================
SEAACADEMYIK — ENGELLİ TEŞVİK HESAPLAYICI
ULTRA PREMIUM 2026
===================================================== */

:root{
 --navy:#0b2d5c;
 --navy2:#061c3a;
 --accent:#ff7a00;
 --accent2:#ff9c2b;
 --bg:#f3f6fb;
 --card:#ffffff;
 --text:#0f172a;
 --muted:#475569;
 --border:#e5eaf2;
 --shadow:0 20px 60px rgba(0,0,0,.08);
}

*{margin:0;padding:0;box-sizing:border-box;}

body{
font-family:'Segoe UI',Arial,sans-serif;
background:var(--bg);
color:var(--text);
}

/* =====================================================
HERO
===================================================== */
.sgk-hero{
background:linear-gradient(135deg,#0b2d5c,#061c3a);
padding:90px 0 70px;
color:#fff;
position:relative;
overflow:hidden;
}

.sgk-hero:before{
content:"";
position:absolute;
width:700px;
height:700px;
background:radial-gradient(circle,rgba(255,122,0,.25),transparent 60%);
right:-200px;
top:-200px;
}

.sgk-hero h1{
font-size:42px;
font-weight:800;
margin-bottom:15px;
}

.sgk-hero p{
font-size:18px;
opacity:.95;
}

/* =====================================================
FORM ALANI
===================================================== */

.hesap-card{
max-width:520px;
margin:40px auto;
background:#fff;
padding:40px;
border-radius:18px;
box-shadow:var(--shadow);
}

.form-group{
margin-bottom:20px;
}

.form-group label{
display:block;
font-weight:700;
margin-bottom:8px;
color:#0b2d5c;
}

.form-group input{
width:100%;
padding:14px;
border:1px solid #e5e7eb;
border-radius:10px;
font-size:16px;
outline:none;
transition:.3s;
}

.form-group input:focus{
border:1px solid #ff7a00;
box-shadow:0 0 0 3px rgba(255,122,0,.15);
}

/* =====================================================
BUTON
===================================================== */

.btn-primary{
width:100%;
background:linear-gradient(135deg,#ff7a00,#ff9c2b);
border:none;
padding:16px;
font-size:18px;
font-weight:800;
border-radius:12px;
cursor:pointer;
color:#111;
box-shadow:0 15px 40px rgba(255,122,0,.45);
transition:.3s;
}

.btn-primary:hover{
transform:scale(1.05);
box-shadow:0 25px 60px rgba(255,122,0,.55);
}

/* =====================================================
SONUÇ GRID
===================================================== */

.sonuc-grid{
margin-top:40px;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
}

.sonuc-box{
background:#fff;
padding:25px;
border-radius:16px;
box-shadow:var(--shadow);
text-align:center;
}

.sonuc-box h3{
font-size:16px;
color:#0b2d5c;
margin-bottom:10px;
}

.sonuc-box p{
font-size:22px;
font-weight:800;
color:#111;
}

/* turuncu */
.sonuc-box.highlight{
background:linear-gradient(135deg,#fff4ea,#fff);
border:2px solid #ff7a00;
}

/* koyu */
.sonuc-box.big{
background:linear-gradient(135deg,#0b2d5c,#061c3a);
color:#fff;
}

.sonuc-box.big p{
color:#fff;
font-size:26px;
}

/* =====================================================
HOVER ANİMASYON
===================================================== */

.sonuc-box:hover{
transform:translateY(-6px);
transition:.3s;
box-shadow:0 30px 70px rgba(0,0,0,.15);
}

/* =====================================================
MOBİL
===================================================== */
@media(max-width:768px){

.sgk-hero{
padding:60px 0;
}

.sgk-hero h1{
font-size:28px;
}

.hesap-card{
padding:25px;
}

.btn-primary{
font-size:16px;
}

.sonuc-box p{
font-size:20px;
}

}