:root{
  --ink:#101426; --muted:#6f7488; --line:#e7eaf5; --bg:#f7f8fc;
  --blue:#2563eb; --indigo:#4f46e5; --violet:#6a3be8; --pink:#ec008c;
  --grad:linear-gradient(90deg,#2643e6 0%,#8a2be2 55%,#ec008c 100%);
  --pad:clamp(12px,4vw,32px);
  --r:16px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{overflow-x:clip}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
button{font-family:inherit;cursor:pointer;touch-action:manipulation}
a{text-decoration:none;color:inherit}
img,svg,canvas{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--indigo);outline-offset:2px;border-radius:6px}
.page{max-width:960px;margin:0 auto;padding:0 var(--pad);width:100%;flex:1}
/* ================= HEADER ================= */
.header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 0 rgba(16,20,38,.06)}
.header-inner{max-width:960px;margin:0 auto;height:clamp(52px,10vw,96px);display:flex;align-items:center;gap:10px;padding:0 clamp(10px,2vw,14px) 0 var(--pad)}
.logo{display:flex;align-items:center;gap:10px;flex:none;min-width:0}
.logo > svg{width:clamp(22px,4vw,34px);height:auto;flex:none}
.logo-text{font-size:clamp(15px,2.6vw,22px);font-weight:800;letter-spacing:-.6px;white-space:nowrap;
 background-image:linear-gradient(115deg,#e8008f 0%,#8a2be2 90%);
 -webkit-background-clip:text;background-clip:text;color:transparent;transition:filter .2s}
.logo-text span{background-image:linear-gradient(115deg,#2563eb 0%,#00a3ff 90%);
 -webkit-background-clip:text;background-clip:text;color:transparent}
.logo:hover .logo-text{filter:brightness(1.18)}
.header-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;height:clamp(34px,4.5vw,40px);padding:0 clamp(9px,1.8vw,16px);font-size:clamp(11px,1.3vw,12.5px);font-weight:700;border:none;transition:.2s;white-space:nowrap}
.btn svg{flex:none}
.btn-ghost{background:#fff;border:1px solid #e3e6f3;color:#171b34}
.btn-ghost:hover{border-color:#c9cdea;background:#f6f7fd}
.btn-grad{background:linear-gradient(90deg,#8a2be2,#ec008c);color:#fff;box-shadow:0 6px 16px rgba(236,0,140,.25)}
.btn-grad:hover{filter:brightness(1.07)}
/* ================= İLETİŞİM ================= */
.ct-page{padding-top:clamp(16px,4vw,40px);padding-bottom:clamp(20px,4vw,40px);padding-bottom:calc(clamp(20px,4vw,40px) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:clamp(14px,2.6vw,20px)}
.ct-crumb{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;color:var(--muted);flex-wrap:wrap}
.ct-crumb a{color:#4f46e5;font-weight:700}
.ct-crumb svg{color:#9aa0b5;flex:none}
.ct-hero{text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}
.ct-hero h1{font-size:clamp(20px,4vw,30px);font-weight:800;letter-spacing:-.4px;
 background:linear-gradient(115deg,#2643e6 0%,#8a2be2 50%,#ec008c 100%);background-size:200% 100%;
 -webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 5s linear infinite}
@keyframes shine{to{background-position:200% 0}}
.ct-hero p{font-size:clamp(12px,2vw,14px);color:var(--muted);max-width:520px;line-height:1.6}
/* hızlı kartlar */
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.qcard{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #eceef8;border-radius:14px;padding:14px;transition:.15s;min-width:0}
.qcard:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(30,40,120,.10);border-color:#d9d2f7}
.qcard .qi{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none}
.qcard:nth-child(1) .qi{background:#eef0ff;color:#4f46e5}
.qcard:nth-child(2) .qi{background:#ffeaf6;color:#ec008c}
.qcard:nth-child(3) .qi{background:#e8f6ff;color:#0090f0}
.qcard b{display:block;font-size:12.5px}
.qcard span{display:block;font-size:10.5px;color:var(--muted);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* form + bilgi */
.ct-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;align-items:start}
.panel{background:#fff;border:1px solid #eceef8;border-radius:16px;padding:clamp(14px,2.6vw,20px);display:flex;flex-direction:column;gap:14px;min-width:0}
.panel-title{font-size:clamp(13px,2vw,15px);font-weight:800;display:flex;align-items:center;gap:8px}
.panel-title .dot{width:8px;height:8px;border-radius:50%;background:var(--grad);flex:none}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.field > label{font-size:11.5px;font-weight:700;color:#171b34;display:flex;justify-content:space-between;gap:8px}
.field .cnt{color:#9aa0b5;font-weight:600;font-size:10px}
.control{display:flex;align-items:center;gap:8px;border:1px solid #e3e6f3;border-radius:10px;height:clamp(44px,6vw,48px);padding:0 12px 0 14px;background:#fff;transition:border-color .15s,box-shadow .15s}
.control:focus-within{border-color:#8a2be2;box-shadow:0 0 0 4px rgba(138,43,224,.12)}
.control .lead{flex:none;color:#8a8fa8}
.control input,.control select{flex:1;border:none;outline:none;background:none;font:600 clamp(13px,1.8vw,14px) 'Inter',sans-serif;color:var(--ink);min-width:0}
.control select{appearance:none;padding-right:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23141838' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer}
.control-select{position:relative;padding:0}
.control-select .lead{position:absolute;left:14px;top:50%;z-index:1;transform:translateY(-50%);pointer-events:none}
.control-select select{width:100%;height:100%;padding:0 44px 0 46px;background-image:none;cursor:pointer}
.control-select::after{content:"";position:absolute;right:15px;top:50%;width:8px;height:8px;border-right:2px solid #171b34;border-bottom:2px solid #171b34;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.control-textarea{height:auto;min-height:120px;padding:12px 14px;align-items:flex-start}
.control-textarea textarea{width:100%;min-height:94px;border:none;outline:none;background:none;font:600 clamp(13px,1.8vw,14px)/1.6 'Inter',sans-serif;color:var(--ink);resize:vertical}
.ct-abuse-field[data-visible="false"]{display:none}
.field .msg{display:none;font-size:10.5px;color:#ec008c;font-weight:700}
.field.error .msg{display:block}
.field.error .control{border-color:#ec008c;box-shadow:0 0 0 4px rgba(236,0,140,.10)}
/* switch */
.switch{position:relative;width:42px;height:24px;flex:none}
.switch input{position:absolute;opacity:0;width:0;height:0}
.slider{position:absolute;inset:0;background:#d9dcee;border-radius:999px;transition:.2s;cursor:pointer}
.slider::before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.switch input:checked + .slider{background:linear-gradient(90deg,#2643e6,#8a2be2)}
.switch input:checked + .slider::before{transform:translateX(18px)}
.remember{display:flex;align-items:flex-start;gap:10px;font-size:11.5px;font-weight:600;color:#565b74;cursor:pointer;line-height:1.5}
.remember .switch{margin-top:1px}
.remember a{color:#4f46e5;font-weight:700}
.auth-submit{position:relative;overflow:hidden;width:100%;height:clamp(48px,7vw,52px);border:none;border-radius:12px;background:var(--grad);color:#fff;font-size:clamp(14px,2.2vw,15px);font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;transition:.2s}
.auth-submit svg{flex:none}
.auth-submit:hover{filter:brightness(1.06);box-shadow:0 10px 26px rgba(90,50,230,.35)}
.auth-submit:disabled{opacity:.7;cursor:wait}
.auth-submit::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);animation:btnShine 2.8s ease-in-out infinite}
@keyframes btnShine{0%{left:-70%}60%,100%{left:135%}}
.ok-banner{display:none;align-items:center;gap:10px;background:#e8f9ef;border:1px solid #bbeccd;color:#16a34a;border-radius:12px;padding:12px 14px;font-size:12px;font-weight:700}
.ok-banner.show{display:flex}
.ok-banner svg{flex:none}
/* güvenlik doğrulaması */
.contact-captcha{display:flex;align-items:center;justify-content:center;width:100%;min-height:65px;overflow:visible}
.contact-captcha .captcha-widget{display:flex;align-items:center;justify-content:center;width:100%;max-width:300px;min-height:65px;margin-inline:auto}
.contact-captcha iframe{display:block!important;max-width:100%!important;margin-inline:auto!important}
/* bilgi kartları */
.info-list{display:flex;flex-direction:column;gap:10px}
.info-item{display:flex;align-items:center;gap:12px;background:#f6f7fd;border:1px solid #edeff9;border-radius:12px;padding:12px;min-width:0}
.info-item .ii{width:38px;height:38px;border-radius:11px;background:#eef0ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;flex:none}
.info-item:nth-child(2) .ii{background:#ffeaf6;color:#ec008c}
.info-item:nth-child(3) .ii{background:#e8f6ff;color:#0090f0}
.info-item:nth-child(4) .ii{background:#e8f9ef;color:#16a34a}
.info-item b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.info-item span{display:block;font-size:10.5px;color:var(--muted);font-weight:600}
.info-item .grow{flex:1;min-width:0}
.icon-btn{background:none;border:none;padding:6px;display:inline-flex;color:#6a3be8;border-radius:8px;transition:.15s;flex:none}
.icon-btn:hover{transform:scale(1.08);background:#eef0ff}
/* canlı destek */
.live-card{display:flex;align-items:center;gap:12px;background:linear-gradient(115deg,#2643e6,#8a2be2);border-radius:14px;padding:14px;color:#fff;position:relative;overflow:hidden}
.live-card::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.14);filter:blur(20px);right:-30px;top:-40px}
.live-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;flex:none;position:relative}
.live-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(34,197,94,.6);animation:halo 1.8s ease-out infinite}
@keyframes halo{0%{transform:scale(.8);opacity:.9}100%{transform:scale(1.5);opacity:0}}
.live-card b{font-size:12.5px;display:block}
.live-card span{font-size:10.5px;opacity:.85;font-weight:600;display:block}
.live-card .btn-white{margin-left:auto;flex:none;background:#fff;color:#6a2be0;border:none;border-radius:10px;height:38px;padding:0 14px;font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;gap:7px;transition:.2s;position:relative;z-index:1}
.live-card .btn-white:hover{transform:translateY(-1px)}
/* sosyal */
.soc-row{display:flex;gap:8px;flex-wrap:wrap}
.sh{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:none;transition:.15s;flex:none}
.sh svg{width:16px;height:auto}
.sh:hover{transform:translateY(-2px) scale(1.06)}
.sh.tw{background:#1da1f2}.sh.wa{background:#25d366}.sh.tg{background:#229ed9}.sh.fb{background:#1877f2}.sh.ig{background:linear-gradient(135deg,#f58524,#dd2a7b,#8134af)}
/* harita */
.map-card{position:relative;border-radius:16px;overflow:hidden;border:1px solid #eceef8;background:#eef0fa}
.map-card svg{width:100%;height:clamp(180px,32vw,260px);display:block}
.map-pin{transform-box:fill-box;transform-origin:center;animation:pinB 1.6s ease-in-out infinite}
@keyframes pinB{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.map-tag{position:absolute;left:12px;bottom:12px;background:#fff;border-radius:10px;padding:8px 12px;font-size:11px;font-weight:700;box-shadow:0 8px 20px rgba(30,40,120,.15);display:flex;align-items:center;gap:8px}
.map-tag .dotg{width:8px;height:8px;border-radius:50%;background:#22c55e;flex:none}
/* ================= FOOTER ================= */
.footer{background:#fff;margin-top:auto;border-top:1px solid #edeff7}
.footer-inner{max-width:960px;margin:0 auto;padding:20px var(--pad) calc(20px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.footer .copy{font-size:11px;color:#8a8fa8}
.footer-links{margin-left:auto;display:flex;gap:clamp(14px,2.8vw,26px);flex-wrap:wrap}
.footer-links a{font-size:11px;color:#565b74}
.footer-links a:hover{color:var(--indigo)}
.socials{display:flex;gap:18px;margin-left:6px}
.socials a{color:#171b34;display:inline-flex;transition:.15s;padding:4px}
.socials a:hover{color:var(--indigo)}
/* toast */
.toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%) translateY(120px);background:#171b34;color:#fff;font-size:12.5px;font-weight:600;padding:10px 18px;border-radius:10px;opacity:0;transition:.3s;z-index:99;max-width:92vw;text-align:center;pointer-events:none}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
/* =============== KIRILIM NOKTALARI =============== */
@media (max-width:900px){
  .ct-grid{grid-template-columns:1fr}
}
@media (max-width:680px){
  .quick-grid{grid-template-columns:1fr}
  .frow{grid-template-columns:1fr}
}
@media (max-width:420px){
  .header-right .btn{padding:0 10px}
  .header-right .btn-label{display:none}
  .live-card{flex-wrap:wrap}
  .live-card .btn-white{margin-left:0;width:100%;justify-content:center}
}
@media (max-width:320px){
  .logo-text{font-size:15px}
  .panel{padding:14px 12px}
}
@media (max-height:520px) and (orientation:landscape){
  .header-inner{height:52px}
  .ct-page{padding-top:12px}
}
@media (pointer:coarse){
  .control input,.control select,textarea.control textarea{font-size:16px}
  .sh{width:44px;height:44px}
  .auth-submit{height:50px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
@media (hover:none){
  .btn-grad:hover,.auth-submit:hover,.qcard:hover{filter:none;transform:none}
  .logo:hover .logo-text{filter:none}
}