
:root{
  color-scheme:dark light;
  --bg:#f4f7fb;--surface:#ffffff;--surface-2:#eaf1f7;--surface-3:#f8fafc;
  --text:#07162b;--muted:#607087;--navy:#03142b;--navy-2:#082746;
  --turq:#1bcbd5;--turq-2:#78edf0;--turq-dark:#078e9c;--border:#d9e3ee;
  --danger:#cf405c;--success:#138b73;--warning:#a86c00;
  --shadow:0 18px 55px rgba(7,28,57,.10);--shadow-soft:0 8px 28px rgba(7,28,57,.07);
  --radius:22px;--radius-sm:14px;--header:rgba(244,247,251,.92);
}
html[data-theme="dark"]{
  --bg:#041225;--surface:#081c35;--surface-2:#0b2747;--surface-3:#06182e;
  --text:#f3f8ff;--muted:#9fb0c7;--navy:#020c1b;--navy-2:#0a294a;
  --turq:#27d6df;--turq-2:#79f2f4;--turq-dark:#45dbe3;--border:#173654;
  --danger:#ff7189;--success:#61e4c5;--warning:#ffc565;
  --shadow:0 18px 60px rgba(0,0,0,.28);--shadow-soft:0 8px 30px rgba(0,0,0,.18);
  --header:rgba(4,18,37,.92);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;transition:background .2s,color .2s}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button{color:inherit}
.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:var(--turq);color:#032233;padding:10px 14px;border-radius:10px;font-weight:800}
.skip-link:focus{top:14px}
.site-header{position:sticky;top:0;z-index:50;background:var(--header);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
.nav-wrap{min-height:76px;display:flex;align-items:center;gap:24px}
.brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content}
.brand img{width:40px;height:40px}
.brand-name{font-size:1.55rem;font-weight:850;letter-spacing:-.055em}
.brand-name span{color:var(--turq)}
.main-nav{margin-left:auto;display:flex;align-items:center;gap:26px}
.main-nav a{font-size:.92rem;font-weight:700;color:var(--muted)}
.main-nav a:hover,.main-nav a[aria-current="page"]{color:var(--turq-dark)}
.icon-btn{border:1px solid var(--border);background:var(--surface);width:43px;height:43px;border-radius:50%;display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-soft)}
.icon-btn:hover{border-color:var(--turq)}
.theme-icon-light{display:none}html[data-theme="light"] .theme-icon-light{display:block}html[data-theme="light"] .theme-icon-dark{display:none}
.menu-toggle{display:none}
.hero{padding:88px 0 72px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:62px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--turq-dark);font-size:.75rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.eyebrow::before{content:"";width:23px;height:2px;background:var(--turq)}
h1,h2,h3{line-height:1.12;letter-spacing:-.035em}
.hero h1{font-size:clamp(3.2rem,7vw,6.25rem);line-height:.95;letter-spacing:-.07em;margin:18px 0 24px}
.hero h1 span{color:var(--turq)}
.hero-copy>p{max-width:610px;color:var(--muted);font-size:1.06rem}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border-radius:13px;border:1px solid transparent;font-weight:800;cursor:pointer}
.btn-primary{background:var(--turq);color:#032233}.btn-primary:hover{background:var(--turq-2)}
.btn-secondary{background:var(--surface);border-color:var(--border)}.btn-secondary:hover{border-color:var(--turq)}
.tool-search{margin-top:30px;min-height:62px;border:1px solid var(--border);background:var(--surface);border-radius:18px;display:flex;align-items:center;gap:12px;padding:0 19px;box-shadow:var(--shadow)}
.tool-search svg{width:25px;color:var(--turq-dark);flex:0 0 auto}.tool-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}
.search-status{min-height:24px;color:var(--muted);font-size:.84rem;margin:8px 2px 0}
.hero-panel{position:relative;min-height:460px;border-radius:34px;background:linear-gradient(145deg,var(--navy-2),var(--navy));display:grid;place-items:center;box-shadow:0 30px 80px rgba(4,21,43,.32);overflow:hidden}
.hero-panel::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(27,203,213,.2);filter:blur(24px);right:-90px;top:-90px}
.hero-panel::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(120,237,240,.18) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(to bottom right,transparent,black)}
.mini-calculator{position:relative;z-index:1;width:min(370px,84%);padding:28px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);border-radius:24px;color:white;backdrop-filter:blur(14px)}
.mini-head{display:flex;justify-content:space-between;align-items:center;font-weight:800;margin-bottom:24px}.status-dot{font-size:.72rem;color:#8ff5e9}
.mini-calculator label{display:block;color:#acc0da;font-size:.78rem;margin:15px 0 7px}.fake-input{display:flex;justify-content:space-between;background:rgba(255,255,255,.08);padding:14px;border-radius:12px}
.mini-result{margin-top:22px;padding:18px;background:rgba(27,203,213,.12);border:1px solid rgba(27,203,213,.3);border-radius:15px}.mini-result span{display:block;font-size:.75rem;color:#b9d2e9}.mini-result strong{font-size:1.8rem;color:#78f2f5}
.section{padding:82px 0}.section-alt{background:var(--surface-2)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.section-heading h2,.trust-copy h2{font-size:clamp(2rem,4vw,3.1rem);margin:10px 0}.section-heading p{color:var(--muted);max-width:650px;margin:0}
.text-link{color:var(--turq-dark);font-weight:800}
.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.tool-card{position:relative;min-height:154px;padding:25px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:18px;transition:.2s}
.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--turq)}
.tool-card.featured{background:linear-gradient(135deg,color-mix(in srgb,var(--turq) 10%,var(--surface)),var(--surface))}
.tool-card.coming{cursor:default;opacity:.82}.tool-card.coming:hover{transform:none;box-shadow:none;border-color:var(--border)}
.tool-icon{width:55px;height:55px;border-radius:16px;display:grid;place-items:center;background:var(--surface-2);color:var(--turq-dark);font-size:1.45rem;font-weight:850}
.tool-card h3{margin:0 0 7px;font-size:1.08rem}.tool-card p{margin:0;color:var(--muted);font-size:.9rem}.arrow{font-size:1.45rem;color:var(--turq-dark)}
.badge{font-size:.68rem;font-weight:800;padding:6px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted)}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:27px}.category-card>span{font-size:1.7rem;color:var(--turq-dark)}.category-card h3{margin:16px 0 6px}.category-card p{margin:0;color:var(--muted);font-size:.9rem}
.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:start}.trust-list{display:grid;gap:0}.trust-list>div{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--border)}.trust-list b{color:var(--turq-dark)}.trust-list strong,.trust-list small{display:block}.trust-list small{color:var(--muted);margin-top:4px}
.page-hero{padding:58px 0 42px}.page-hero h1{font-size:clamp(2.8rem,6vw,4.8rem);margin:14px 0 18px}.page-hero p{max-width:760px;color:var(--muted);font-size:1.06rem}
.breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.82rem;margin-bottom:28px}.breadcrumb a:hover{color:var(--turq-dark)}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start;padding-bottom:85px}
.content-card,.calculator-box,.side-card,.notice-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft)}
.content-card{padding:32px;margin-bottom:22px}.content-card h2{font-size:1.65rem;margin-top:0}.content-card h3{margin-top:28px}.content-card p,.content-card li{color:var(--muted)}.content-card a{color:var(--turq-dark);font-weight:750;text-decoration:underline;text-underline-offset:3px}.content-card ul{padding-left:22px}
.side-card{padding:22px;position:sticky;top:96px}.side-card h3{margin-top:0}.side-card a{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--border);font-size:.9rem}.side-card a:last-child{border-bottom:0}.side-card a:hover{color:var(--turq-dark)}.side-card small{color:var(--muted)}
.notice-card{padding:18px 20px;margin:18px 0;background:color-mix(in srgb,var(--turq) 7%,var(--surface))}.notice-card strong{display:block;margin-bottom:4px}.notice-card p{margin:0;color:var(--muted);font-size:.9rem}
.dev-note{border:1px dashed var(--warning);background:color-mix(in srgb,var(--warning) 8%,var(--surface));padding:16px;border-radius:14px;color:var(--text)}
.tool-page{padding:42px 0 86px}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start}.tool-heading h1{font-size:clamp(2.75rem,6vw,4.7rem);margin:12px 0 14px}.lead{color:var(--muted);font-size:1.05rem;max-width:760px}
.calculator-box{margin-top:30px;padding:27px}.tabs{display:flex;gap:8px;padding:6px;background:var(--surface-2);border-radius:15px;margin-bottom:26px;overflow-x:auto}.tab{flex:1;min-width:max-content;border:0;background:transparent;color:var(--muted);padding:12px 14px;border-radius:11px;font-weight:800;cursor:pointer}.tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-soft)}
.calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field.full{grid-column:1/-1}.field span{display:block;font-size:.82rem;font-weight:800;margin-bottom:8px}.field input,.field select{width:100%;height:55px;border:1px solid var(--border);border-radius:13px;background:var(--bg);color:var(--text);padding:0 15px;outline:0}.field input[type="checkbox"]{width:auto;height:auto;padding:0;accent-color:var(--turq);box-shadow:none}
.field input:focus,.field select:focus{border-color:var(--turq);box-shadow:0 0 0 3px color-mix(in srgb,var(--turq) 18%,transparent)}
.field-hint{font-size:.76rem;color:var(--muted);margin-top:6px}.input-affix{position:relative}.input-affix input{padding-right:48px}.input-affix b{position:absolute;right:16px;top:15px;color:var(--muted)}
.calc-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.form-error{color:var(--danger);font-size:.85rem;min-height:22px;margin:10px 0 0}.result-box{margin-top:24px;padding:23px;border-radius:18px;background:linear-gradient(135deg,var(--navy-2),var(--navy));color:white}.result-label{font-size:.76rem;color:#a9bdd5}.result-main{display:block;font-size:clamp(2rem,5vw,2.65rem);line-height:1.2;letter-spacing:-.04em;color:#68edf2;margin:5px 0}.result-description{margin:0;color:#bccbdd;font-size:.9rem}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.result-stat{background:rgba(255,255,255,.07);padding:13px;border-radius:12px}.result-stat span{display:block;color:#a9bdd5;font-size:.7rem}.result-stat strong{font-size:1rem;color:white}
.formula{padding:16px 18px;background:var(--surface-2);border-left:4px solid var(--turq);border-radius:10px;font-weight:800;color:var(--text)}
.faq details{border-top:1px solid var(--border);padding:16px 0}.faq details:first-of-type{border-top:0}.faq summary{cursor:pointer;font-weight:800}.faq p{margin-bottom:0}
.table-wrap{overflow-x:auto}.info-table{width:100%;border-collapse:collapse;min-width:520px}.info-table th,.info-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px}.info-table th{font-size:.82rem;color:var(--muted)}
.site-footer{background:var(--navy);color:#fff;padding:56px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:46px}.footer-brand p{color:#9eb0c7;max-width:420px}.footer-title{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#7f96b1;font-weight:850;margin-bottom:14px}.footer-links{display:grid;gap:10px;color:#c8d3e0;font-size:.9rem}.footer-links a:hover{color:var(--turq)}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:20px;color:#879ab2;font-size:.82rem;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.empty-state{display:none;text-align:center;padding:30px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted)}
.launch-check{display:grid;gap:12px}.launch-check label{display:flex;align-items:flex-start;gap:10px}.launch-check input{margin-top:5px}
@media(max-width:900px){.container{width:min(100% - 28px,1160px)}.menu-toggle{display:grid;margin-left:auto}.main-nav{display:none;position:fixed;top:77px;left:14px;right:14px;max-height:calc(100vh - 96px);overflow:auto;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:7px}.hero{padding-top:56px}.hero-grid,.trust-grid,.tool-layout,.content-layout{grid-template-columns:1fr}.hero-panel{min-height:380px}.tools-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.side-card{position:static}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:580px){.hero h1{font-size:3.45rem}.hero-panel{min-height:330px}.mini-calculator{width:89%;padding:21px}.section{padding:62px 0}.section-heading{align-items:start;flex-direction:column}.category-grid{grid-template-columns:1fr}.tool-card{grid-template-columns:48px 1fr;min-height:142px;padding:20px}.tool-icon{width:47px;height:47px}.tool-card .arrow,.tool-card .badge{position:absolute;right:18px;top:18px}.calc-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.result-grid{grid-template-columns:1fr}.calculator-box,.content-card{padding:22px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.copyright{flex-direction:column}.page-hero{padding-top:42px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Arama önerileri */
.tool-search{position:relative;z-index:12}
.search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 9px);padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);max-height:360px;overflow:auto;z-index:30}
.search-suggestion{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border-radius:11px;color:var(--text);cursor:pointer}
.search-suggestion:hover,.search-suggestion.active{background:var(--surface-2)}
.search-suggestion span:first-child{display:grid;gap:2px}.search-suggestion strong{font-size:.92rem}.search-suggestion small{color:var(--muted);font-size:.72rem}
.search-suggestion.unavailable{cursor:not-allowed;opacity:.7}.search-suggestion-arrow{color:var(--turq-dark);font-weight:850}

/* İletişim bilgileri */
.identity-card{display:grid;gap:3px;padding:18px 20px;margin:18px 0 22px;border:1px solid var(--border);border-left:4px solid var(--turq);border-radius:14px;background:var(--surface-2)}
.identity-card .identity-label,.contact-details span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800}
.identity-card strong{font-size:1.15rem}.identity-card small{color:var(--muted)}
.contact-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.contact-details>div{display:grid;gap:4px;padding:15px 16px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}
.contact-details strong{font-size:.92rem}.contact-details a{color:var(--turq-dark)}
.contact-details.compact{margin-top:18px}
@media(max-width:580px){.contact-details{grid-template-columns:1fr}.search-suggestions{left:-1px;right:-1px}}
.contact-cta-wrap{margin:18px 0 22px}.content-card .contact-cta{min-width:210px;min-height:54px;padding:0 28px;font-size:1rem;background:#fff;color:#06203a;border-color:rgba(27,203,213,.45);text-decoration:none;box-shadow:0 8px 20px rgba(2,20,43,.14);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.content-card .contact-cta:hover{transform:translateY(-1px);background:#fff;color:#06203a;border-color:rgba(39,214,223,.7);box-shadow:0 0 10px rgba(39,214,223,.28),0 10px 24px rgba(2,20,43,.17);text-shadow:none}.content-card .contact-cta:focus-visible{outline:3px solid rgba(21,214,197,.28);outline-offset:3px}@media(max-width:580px){.content-card .contact-cta{width:100%}}

/* Analytics izin paneli */
.cookie-consent{position:fixed;z-index:200;left:50%;bottom:18px;transform:translate(-50%,18px);width:min(820px,calc(100% - 32px));background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.34);opacity:0;transition:opacity .2s ease,transform .2s ease}
.cookie-consent[hidden]{display:none}
.cookie-consent.visible{opacity:1;transform:translate(-50%,0)}
.cookie-consent-inner{display:flex;align-items:center;gap:24px;padding:20px}
.cookie-consent-copy{min-width:0;flex:1}
.cookie-consent-copy strong{display:block;margin-bottom:4px;font-size:1.05rem;color:var(--text)}
.cookie-consent-copy p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.55}
.cookie-consent-copy a{color:var(--turq-dark);font-weight:750;text-decoration:underline;text-underline-offset:3px}
.cookie-consent-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.cookie-button{min-height:44px;padding:10px 17px;border-radius:12px;border:1px solid var(--border);font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.cookie-button:hover{transform:translateY(-1px)}
.cookie-button:focus-visible,.footer-cookie-button:focus-visible,.inline-cookie-settings:focus-visible{outline:3px solid color-mix(in srgb,var(--turq) 60%,transparent);outline-offset:3px}
.cookie-button-primary{background:var(--turq);border-color:var(--turq);color:#032233;box-shadow:0 8px 24px rgba(27,203,213,.16)}
.cookie-button-primary:hover{box-shadow:0 10px 28px rgba(27,203,213,.24)}
.cookie-button-secondary{background:var(--surface-2);color:var(--text)}
.footer-cookie-button{display:block;width:max-content;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer;text-align:left;line-height:1.8}
.footer-cookie-button:hover{color:var(--turq-dark)}
.inline-cookie-settings{margin-top:8px;padding:10px 14px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--text);font-weight:750;cursor:pointer}
.inline-cookie-settings:hover{border-color:var(--turq);color:var(--turq-dark)}
@media (max-width:700px){.cookie-consent{bottom:10px;width:calc(100% - 20px)}.cookie-consent-inner{align-items:stretch;flex-direction:column;gap:14px;padding:17px}.cookie-consent-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-button{width:100%}}
@media (prefers-reduced-motion:reduce){.cookie-consent,.cookie-button{transition:none}}


.contact-cta-note{margin:-8px 0 22px;color:var(--muted);font-size:.88rem}.inline-copy-button{appearance:none;border:0;background:transparent;color:var(--turq);font:inherit;font-weight:800;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.inline-copy-button:hover{color:var(--turq-light)}.inline-copy-button:focus-visible{outline:2px solid var(--turq);outline-offset:3px;border-radius:3px}
