:root{--bg:#fff5f8;--card:rgba(255,255,255,.78);--text:#251522;--muted:#7b6474;--a:#e84a8a;--b:#8b5cf6;--c:#ffd6e7;--dark:#130b16;--shadow:0 24px 70px rgba(112,26,68,.18);--logo-dark:#171123}
html[data-theme=rose]{--bg:#fff5f8;--card:rgba(255,255,255,.78);--text:#251522;--muted:#7b6474;--a:#e84a8a;--b:#8b5cf6;--c:#ffd6e7;--shadow:0 24px 70px rgba(112,26,68,.18);--logo-dark:#171123}
html[data-theme=gold]{--bg:#fff9ec;--a:#c0842b;--b:#f59e0b;--c:#ffe9b8;--text:#2b1c08;--muted:#7a6139;--logo-dark:#2b1c08}
html[data-theme=purple]{--bg:#f6f0ff;--a:#8b5cf6;--b:#ec4899;--c:#eadcff;--text:#201331;--muted:#77658c;--logo-dark:#201331}
html[data-theme=dark]{--bg:#120912;--card:rgba(30,18,35,.8);--text:#fff;--muted:#d7c4d1;--a:#ff5fa2;--b:#a78bfa;--c:#2b1430;--shadow:0 24px 70px rgba(0,0,0,.45);--logo-dark:#fff}
html[data-theme=pink]{--bg:#fff1f6;--card:rgba(255,255,255,.82);--text:#2a1220;--muted:#806074;--a:#ff4f9a;--b:#ff8abe;--c:#ffd7e8;--shadow:0 24px 70px rgba(255,79,154,.18);--logo-dark:#2a1220}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,var(--c),transparent 35%),var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;padding:14px 5%;backdrop-filter:blur(18px);background:rgba(255,255,255,.76);border-bottom:3px solid var(--a)}html[data-theme=dark] .topbar{background:rgba(15,8,18,.86)}
.brand{display:flex;align-items:center;gap:0!important;font-weight:900;font-size:22px}.brand-mark,.brand-full-logo span{display:none!important}.brand-full-logo{display:flex;align-items:center;min-width:260px;text-decoration:none}.inagency-logo{width:360px;max-width:42vw;height:auto;display:block;overflow:visible}.site-logo{border-radius:0;background:transparent;box-shadow:none;padding:0}
nav{display:flex;gap:20px;align-items:center;font-weight:700;color:var(--muted)}.topbar nav a{color:var(--text);text-decoration:none;font-weight:800;font-size:15px;transition:.2s ease}.topbar nav a:hover{color:var(--a)}.topbar nav a[href="#teklif"]{padding:12px 20px;border-radius:999px;color:#fff!important;background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 12px 25px rgba(232,74,138,.25)}.admin-link{display:none!important}
.hero{height:720px;min-height:80vh;position:relative}.slider,.slide{height:100%;position:relative;overflow:hidden}.slide{display:none;background-image:linear-gradient(90deg,rgba(19,8,18,.88),rgba(19,8,18,.45),rgba(19,8,18,.1)),var(--bg)}.slide:before{content:"";position:absolute;inset:0;background-image:var(--bg);background-size:cover;background-position:center;z-index:-2;transform:scale(1.08)}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(232,74,138,.45),transparent 42%,rgba(139,92,246,.25))}.slide.active{display:block;animation:fade .7s}.slide-content{position:relative;z-index:2;width:min(760px,90%);padding-top:190px;margin-left:7%;color:white}.eyebrow,.section-title span{display:inline-block;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.24);font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.slide h1{font-size:clamp(42px,7vw,86px);line-height:.95;margin:20px 0 18px;letter-spacing:-.06em}.slide p{font-size:22px;color:#ffe8f3;max-width:660px;line-height:1.55}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:18px;padding:15px 24px;font-weight:900;cursor:pointer}.primary{color:white;background:linear-gradient(135deg,var(--a),var(--b));box-shadow:var(--shadow)}.ghost{color:white;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3)}.actions{display:flex;gap:14px;flex-wrap:wrap}.arrow{position:absolute;top:50%;z-index:4;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.25);color:white;font-size:34px;cursor:pointer}.prev{left:22px}.next{right:22px}@keyframes fade{from{opacity:.55;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}
.stats{margin-top:-58px;position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats div,.card,.price-card,.quote-box,.phone-mock{background:var(--card);border:1px solid rgba(255,255,255,.55);box-shadow:var(--shadow);backdrop-filter:blur(20px);border-radius:30px}.stats div{padding:28px;text-align:center}.stats b{font-size:34px;display:block}.stats span{color:var(--muted);font-weight:800}.section{padding:90px 0}.section-title{text-align:center;margin-bottom:34px}.section-title span{color:var(--a);background:rgba(255,255,255,.6)}.section-title h2,.split h2,.quote-box h2{font-size:clamp(34px,5vw,58px);line-height:1;margin:14px auto;letter-spacing:-.05em;max-width:850px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card,.price-card{padding:30px}.card:hover,.price-card:hover{transform:translateY(-5px);transition:.25s}.icon{font-size:42px}.card h3{font-size:24px;margin:12px 0}.card p,.split p,.quote-box p{color:var(--muted);line-height:1.75}.pill{display:inline-block;margin-top:12px;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,rgba(232,74,138,.14),rgba(139,92,246,.14));color:var(--a);font-weight:900}.split{display:grid;grid-template-columns:1fr .85fr;gap:40px;align-items:center;padding:90px 0}.split .eyebrow{background:linear-gradient(135deg,var(--a),var(--b));color:white}.split li{margin:12px 0;font-weight:800}.phone-mock{padding:28px;min-height:520px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,255,255,.45),rgba(255,214,231,.65))}.post-card{width:min(360px,95%);padding:16px;border-radius:32px;background:#fff;box-shadow:var(--shadow);transform:rotate(3deg)}.post-card img{width:100%;height:360px;object-fit:cover;border-radius:24px}.post-card b{display:block;margin:12px 0 6px}.pricing .price-card:nth-child(2){border:2px solid var(--a);transform:scale(1.03)}.price{font-size:44px;font-weight:950;color:var(--a);margin:12px 0}.full{width:100%}.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio figure{margin:0;position:relative;overflow:hidden;border-radius:30px;box-shadow:var(--shadow);height:330px}.portfolio img{width:100%;height:100%;object-fit:cover;transition:.3s}.portfolio figure:hover img{transform:scale(1.08)}.portfolio figcaption{position:absolute;left:16px;right:16px;bottom:16px;border-radius:22px;padding:16px;background:rgba(255,255,255,.82);backdrop-filter:blur(14px)}.portfolio b,.portfolio span{display:block}.portfolio span{color:var(--muted);font-weight:800}.quote-box{margin:70px auto;padding:42px;display:grid;grid-template-columns:.9fr 1.1fr;gap:30px}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-form textarea{grid-column:1/-1;min-height:130px}.quote-form input,.quote-form select,.quote-form textarea,.admin-form input,.admin-form textarea,.admin-form select{width:100%;border:1px solid rgba(232,74,138,.2);border-radius:18px;padding:15px 16px;font:inherit;background:rgba(255,255,255,.82);color:#241224}.quote-form button{grid-column:1/-1}.footer{margin-top:80px;padding:50px 6%;background:#160b18;color:white;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer p{color:#dbc8d6}
.admin-shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{background:#160b18;color:white;padding:26px;position:sticky;top:0;height:100vh;overflow:auto}.sidebar a{display:block;padding:13px 16px;margin:8px 0;border-radius:14px;color:#f7dce9;font-weight:800}.sidebar a:hover,.sidebar .active{background:linear-gradient(135deg,var(--a),var(--b));color:white}.admin-main{padding:30px;background:var(--bg);overflow:auto}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.admin-card{background:var(--card);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.admin-card b{font-size:36px;color:var(--a)}.table{width:100%;border-collapse:collapse;background:var(--card);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.table th,.table td{padding:14px;border-bottom:1px solid rgba(0,0,0,.07);text-align:left;vertical-align:top}.admin-form{display:grid;gap:12px;background:var(--card);padding:24px;border-radius:24px;box-shadow:var(--shadow);max-width:900px}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,var(--c),transparent 45%),var(--bg)}.login-box{width:min(420px,92%);background:var(--card);padding:34px;border-radius:32px;box-shadow:var(--shadow)}.help{color:var(--muted);font-weight:700;line-height:1.6}.file-label{display:block;border:2px dashed rgba(232,74,138,.35);border-radius:18px;padding:18px;background:rgba(255,255,255,.55);font-weight:900;color:var(--a);cursor:pointer}.file-label input{margin-top:12px;background:white}.thumb{width:90px;height:62px;object-fit:cover;border-radius:14px;box-shadow:0 10px 25px rgba(0,0,0,.12)}.preview-logo{width:120px;max-height:90px;object-fit:contain;padding:10px;border-radius:18px;background:white;box-shadow:var(--shadow)}.check{font-weight:900;color:var(--muted);display:flex;gap:10px;align-items:center}.check input{width:auto}
@media(max-width:900px){.topbar{min-height:auto;padding:12px 4%;flex-direction:column;align-items:center;justify-content:center;gap:10px}.brand-full-logo{width:100%;min-width:0;justify-content:center}.brand{width:100%;justify-content:center!important}.inagency-logo{width:300px!important;max-width:85vw!important;margin:0 auto!important}.topbar nav,nav{display:flex!important;width:100%;gap:0!important;overflow-x:auto;white-space:nowrap;scrollbar-width:none;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{flex:0 0 auto;padding:13px 16px;font-size:13px;font-weight:800;border-right:1px solid rgba(0,0,0,.08)}.topbar nav a[href="#teklif"]{border-radius:0;box-shadow:none;padding:13px 18px;color:#fff!important;background:linear-gradient(135deg,var(--a),var(--b))}.hero{height:680px}.stats,.grid,.portfolio,.split,.quote-box,.footer,.admin-shell{grid-template-columns:1fr}.quote-form{grid-template-columns:1fr}.slide-content{padding-top:115px!important;margin-left:5%;width:90%}.slide h1{font-size:42px!important;line-height:1.05!important}.slide p{font-size:19px!important}.stats{margin-top:20px}.admin-grid{grid-template-columns:1fr 1fr}.sidebar{position:relative;height:auto}.pricing .price-card:nth-child(2){transform:none}.arrow{top:auto!important;bottom:26px!important;width:42px!important;height:42px!important;font-size:28px!important;background:rgba(255,255,255,.18)!important;backdrop-filter:blur(10px)}.prev{left:18px!important}.next{right:18px!important}.table{display:block;overflow-x:auto;white-space:nowrap}}
@media(max-width:520px){.admin-grid{grid-template-columns:1fr}.slide h1{font-size:39px!important}.slide p{font-size:17px!important}.section{padding:55px 0}.quote-box{padding:24px}.portfolio figure{height:270px}.stats{grid-template-columns:1fr 1fr}.stats div{padding:20px}.admin-main{padding:18px}.admin-form{padding:18px}}
@media(max-width:420px){.inagency-logo{width:270px!important;max-width:88vw!important}.stats{grid-template-columns:1fr}}
@media(max-width:900px){
  .topbar nav{
    display:grid!important;
    grid-template-columns:repeat(4, 1fr);
    width:100%!important;
    overflow:visible!important;
    gap:0!important;
  }

  .topbar nav a{
    width:100%!important;
    min-width:0!important;
    text-align:center!important;
    justify-content:center!important;
    padding:12px 6px!important;
    font-size:12px!important;
    border-right:1px solid rgba(0,0,0,.08);
  }

  .topbar nav a[href="#teklif"]{
    border-radius:0!important;
    padding:12px 6px!important;
    white-space:nowrap!important;
  }
}
