/* =====================================================
   SEAACADEMYIK — CANLI SGK PANEL ULTRA
===================================================== */

:root{
 --primary:#0b2d5c;
 --primary2:#0e3f7a;
 --accent:#ff7a00;
 --green:#16a34a;
 --red:#dc2626;
 --bg:#f3f6fb;
 --card:#ffffff;
 --text:#0f172a;
 --muted:#64748b;
 --border:#e7edf5;
 --shadow:0 30px 80px rgba(0,0,0,.08);
 --radius:22px;
}

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

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

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

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

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

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

/* INPUT */
.live-input{
 text-align:center;
 margin-bottom:35px;
}

.live-input label{
 font-weight:700;
 color:var(--primary);
 display:block;
 margin-bottom:10px;
}

.live-input input{
 width:320px;
 max-width:100%;
 padding:20px;
 border-radius:16px;
 border:1px solid var(--border);
 font-size:22px;
 text-align:center;
}

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

/* GRID */
.live-grid{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:25px;
 margin-top:25px;
}

/* BOX */
.live-box{
 background:#f8fbff;
 border-radius:18px;
 padding:28px;
 text-align:center;
 border:1px solid var(--border);
 transition:.25s;
}

.live-box:hover{
 transform:translateY(-5px);
 box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.live-box h3{
 font-size:15px;
 color:var(--muted);
 margin-bottom:8px;
}

.live-box b{
 display:block;
 font-size:28px;
 font-weight:800;
 margin-bottom:5px;
}

.live-box span{
 font-size:12px;
 color:var(--muted);
}

/* ÖZEL RENKLER */
.live-box.net b{color:var(--primary);}
.live-box.maliyet b{color:var(--red);}
.live-box.tesvik b{color:var(--green);}
.live-box.sgk b{color:var(--accent);}

/* ALT DETAY */
.live-alt{
 margin-top:35px;
 background:#f8fbff;
 padding:25px;
 border-radius:16px;
 border:1px solid var(--border);
}

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

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

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

/* MOBILE */
@media(max-width:1000px){
.live-grid{
 grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:600px){

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

.live-card{
 padding:25px;
 margin-top:-80px;
}

.live-grid{
 grid-template-columns:1fr;
}

.live-input input{
 width:100%;
}

}