/* =====================================================
   SEAACADEMYIK — SGK PRİM YÜKÜ PREMIUM
===================================================== */

:root{
 --primary:#0b2d5c;
 --primary2:#0e3f7a;
 --accent:#ff7a00;
 --bg:#f3f6fb;
 --card:#ffffff;
 --text:#0f172a;
 --muted:#64748b;
 --border:#e7edf5;
 --shadow:0 25px 70px rgba(0,0,0,.08);
 --radius:20px;
}

body{
 background:var(--bg);
}

/* HERO */
.sgk-hero{
 background:linear-gradient(135deg,#0b2d5c,#0e3f7a);
 padding:110px 20px 150px;
 text-align:center;
 color:#fff;
}

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

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

/* CONTAINER */
.sgk-container{
 max-width:1100px;
 margin:auto;
 padding:0 20px;
}

/* CARD */
.sgk-card{
 background:var(--card);
 border-radius:var(--radius);
 box-shadow:var(--shadow);
 padding:45px;
 margin-top:-100px;
 border:1px solid var(--border);
}

/* TITLE */
.sgk-card h2{
 font-size:26px;
 color:var(--primary);
 margin-bottom:25px;
}

/* TABLE */
.sgk-table{
 width:100%;
 border-collapse:collapse;
 margin-bottom:35px;
 font-size:16px;
}

.sgk-table th{
 background:#0b2d5c;
 color:#fff;
 padding:16px;
 text-align:center;
 font-weight:700;
}

.sgk-table td{
 padding:16px;
 text-align:center;
 border-bottom:1px solid #eef2f7;
}

.sgk-table tr:nth-child(even){
 background:#f8fbff;
}

.sgk-table .total{
 background:#ff7a00;
 color:#fff;
 font-weight:800;
}

/* HESAP BOX */
.hesap-box{
 margin-top:25px;
 background:#f8fbff;
 padding:30px;
 border-radius:16px;
 border:1px solid var(--border);
}

.hesap-box h3{
 margin-bottom:15px;
 color:var(--primary);
}

/* INPUT */
.hesap-box input{
 width:100%;
 padding:18px;
 border-radius:14px;
 border:1px solid var(--border);
 font-size:20px;
 margin-bottom:15px;
}

.hesap-box input:focus{
 outline:none;
 border-color:var(--accent);
 box-shadow:0 0 0 4px rgba(255,122,0,.15);
}

/* BUTTON */
.hesap-box button{
 width:100%;
 padding:18px;
 background:linear-gradient(135deg,var(--accent),#ff9c2b);
 border:none;
 color:#fff;
 font-size:18px;
 font-weight:800;
 border-radius:14px;
 cursor:pointer;
 transition:.25s;
}

.hesap-box button:hover{
 transform:translateY(-3px);
 box-shadow:0 15px 40px rgba(255,122,0,.35);
}

/* SONUÇ */
.sonuc{
 margin-top:25px;
 background:#fff;
 padding:25px;
 border-radius:14px;
 border:1px solid var(--border);
}

.row{
 display:flex;
 justify-content:space-between;
 padding:14px 0;
 border-bottom:1px solid #eef2f7;
 font-size:16px;
}

.row:last-child{
 border-bottom:none;
}

.row b{
 color:var(--primary);
 font-weight:800;
}

/* TOPLAM */
.row.highlight{
 background:#0b2d5c;
 color:#fff;
 padding:18px;
 border-radius:12px;
 margin-top:15px;
 border:none;
}

.row.highlight b{
 color:#fff;
 font-size:22px;
}

/* MOBILE */
@media(max-width:768px){

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

.sgk-card{
 padding:25px;
 margin-top:-70px;
}

.sgk-table th,
.sgk-table td{
 padding:12px;
 font-size:14px;
}

}