@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#080e1d;--surface:#101a2d;--text:#f5f8ff;--muted:#9ba9c0;--cyan:#21d3d5;--blue:#258af3;--purple:#8a49f6;--border:rgba(183,208,250,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1160px,calc(100% - 48px));margin:auto}.header{height:82px;position:sticky;top:0;z-index:20;background:rgba(8,14,29,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.nav,.brand,.header nav,.hero-actions,.hero-foot,.footer-inner,.contact-actions{display:flex;align-items:center}.nav{height:100%;justify-content:space-between}.brand{gap:11px;font:800 19px Manrope,sans-serif;letter-spacing:-.8px}.brand img{height:44px;width:44px;object-fit:cover;border-radius:12px}.accent{color:#37d5d8}.header nav{gap:34px;font-size:13px;font-weight:600;color:#c6d0e2}.header nav a:hover{color:white}.nav-cta{padding:12px 18px;border:1px solid #3b5a7e;border-radius:9px;color:white}.menu-toggle{display:none;background:none;border:0;color:white;font-size:26px}.hero{position:relative;overflow:hidden;padding:110px 0 105px;isolation:isolate}.glow{position:absolute;z-index:-1;filter:blur(110px);border-radius:50%;opacity:.22}.glow-a{width:450px;height:450px;background:#087ec9;top:0;right:10%}.glow-b{width:350px;height:350px;background:#6427ba;bottom:-160px;left:-100px}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:48px}.eyebrow,.section-label{color:#4ad4df;font-size:11px;font-weight:800;letter-spacing:2.3px}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid #205073;background:rgba(28,110,159,.13);border-radius:40px;letter-spacing:1.4px}.dot{width:7px;height:7px;background:#28dbd3;border-radius:50%;box-shadow:0 0 13px #28dbd3}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(43px,5vw,72px);line-height:1.15;letter-spacing:-3.4px;margin:26px 0}h2{font-size:clamp(31px,3.3vw,46px);line-height:1.2;letter-spacing:-1.9px}.gradient-text{background:linear-gradient(100deg,#2fe1d0,#3997f9 48%,#a65bff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p,.section-heading p,.about p,.contact p{font-size:16px;line-height:1.85;color:var(--muted);max-width:550px}.hero-actions{gap:12px;margin:32px 0 66px;flex-wrap:wrap}.btn{padding:15px 21px;border-radius:10px;font-weight:700;font-size:13px;display:inline-flex;gap:22px;align-items:center;justify-content:center;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.primary{background:linear-gradient(105deg,#15c9cc,#348bf1);color:#051526;box-shadow:0 10px 35px rgba(22,173,225,.16)}.secondary{border:1px solid #35435d;color:#e5ebf7}.hero-foot{gap:24px;color:#8a9cb6;font-size:11px;flex-wrap:wrap}.visual{position:relative;height:440px;display:flex;align-items:center;justify-content:center}.visual-orbit{position:absolute;width:400px;height:400px;border:1px solid rgba(69,142,225,.22);border-radius:50%;box-shadow:0 0 0 48px rgba(69,142,225,.035),0 0 0 95px rgba(69,142,225,.025)}.mock-window{width:95%;max-width:470px;background:linear-gradient(140deg,#17263f,#0b1426);border:1px solid #345174;border-radius:17px;box-shadow:0 35px 100px #0009,0 0 70px #2e64c51a;transform:rotate(-3deg);overflow:hidden}.mock-top{height:47px;border-bottom:1px solid #293c58;display:flex;align-items:center;gap:6px;padding:0 18px}.mock-top i{width:8px;height:8px;border-radius:50%;background:#ef6e7c}.mock-top i:nth-child(2){background:#edc35b}.mock-top i:nth-child(3){background:#50cda9}.mock-top span{margin-left:auto;color:#7185a5;font-size:11px}.mock-content{padding:37px 35px 34px}.code-label{font:700 12px monospace;color:#30d9d2;letter-spacing:1px}.mock-heading{font:700 clamp(24px,3vw,35px)/1.35 Manrope;margin:18px 0 27px}.mock-heading b{color:#4f9df7}.mock-lines{display:grid;gap:9px;margin-bottom:33px}.mock-lines em{display:block;height:7px;border-radius:6px;background:#273b58;width:88%}.mock-lines em:nth-child(2){width:67%}.mock-lines em:nth-child(3){width:75%}.mock-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-tiles div{border:1px solid #324665;border-radius:9px;padding:17px 10px;text-align:center;color:#afc3de;font-size:11px;font-weight:800}.mock-tiles span{display:block;font-size:26px;color:#36d5dc;margin-bottom:9px}.floating-chip{position:absolute;background:#1c2c46;border:1px solid #3a587a;padding:13px 17px;border-radius:12px;font-size:12px;box-shadow:0 16px 30px #0006}.chip-one{left:-15px;bottom:65px}.chip-two{right:-12px;top:46px;color:#57e5db}.section{padding:110px 0;scroll-margin-top:80px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:20px 0 45px}.section-heading h2{max-width:520px;margin:0}.section-heading p{max-width:390px;margin:0;font-size:14px}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service{position:relative;padding:28px 23px;background:linear-gradient(145deg,#142037,#0c1426);border:1px solid var(--border);border-radius:16px;min-height:320px;transition:border-color .2s,transform .2s}.service:hover{transform:translateY(-5px);border-color:#267cbd}.service-icon{width:54px;height:54px;border:1px solid #2e6586;border-radius:13px;display:grid;place-items:center;font-size:27px;color:#43cfe7;margin-bottom:33px;background:#173149}.service>span{position:absolute;right:22px;top:31px;font-size:11px;color:#5f789b}.service h3{font-size:17px;letter-spacing:-.5px}.service p{font-size:13px;line-height:1.8;color:var(--muted)}.service a,.project a,.text-link{font-size:12px;color:#4bd5df;font-weight:800}.projects-section{background:#0c1425}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project{background:#131f33;border:1px solid var(--border);border-radius:16px;overflow:hidden}.project-image{height:215px;background:#15283f}.project-image img{width:100%;height:100%;object-fit:cover}.project-placeholder{height:100%;display:grid;place-content:center;text-align:center;color:#49d6e4;font:800 29px Manrope}.project-placeholder span{font-size:11px;color:#738cab;letter-spacing:3px}.project-body{padding:23px}.project-body small{color:#50c9df;font-size:11px}.project-body h3{font-size:19px;margin:11px 0}.project-body p{color:var(--muted);font-size:13px;line-height:1.8}.empty-project{border:1px dashed #345071;border-radius:18px;text-align:center;padding:70px 25px;background:#101c30}.empty-project span{font-size:32px;color:#3cd8dc}.empty-project h3{margin:15px 0 8px}.empty-project p{color:var(--muted);font-size:14px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about h2{margin-top:22px}.about p{font-size:15px}.contact{padding:105px 0;background:radial-gradient(ellipse at 50% 110%,#1c4170 0%,#0d1930 52%,#0b1323 100%);text-align:center;scroll-margin-top:80px}.contact h2{margin:20px 0;font-size:clamp(34px,4vw,54px)}.contact p{margin:0 auto 29px}.contact-actions{justify-content:center;gap:13px;flex-wrap:wrap}footer{border-top:1px solid var(--border);padding:28px 0}.footer-inner{justify-content:space-between;gap:20px;color:#8292ac;font-size:12px}.footer-inner .brand{color:white}.footer-inner .brand img{width:36px;height:36px}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero{padding:70px 0}.visual{max-width:530px;margin:auto;width:100%}.services{grid-template-columns:repeat(2,1fr)}.section-heading{display:block}.section-heading p{margin-top:18px}.project-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:40px}}@media(max-width:620px){.container{width:min(100% - 34px,1160px)}.header{height:70px}.brand{font-size:17px}.brand img{width:39px;height:39px}.menu-toggle{display:block}.header nav{display:none;position:absolute;top:69px;left:0;right:0;padding:24px;background:#101a2d;border-bottom:1px solid #30435e;flex-direction:column;align-items:stretch;gap:23px}.header nav.open{display:flex}h1{font-size:43px;letter-spacing:-2px}.hero-actions{margin-bottom:35px}.hero-foot{gap:12px}.visual{height:350px}.visual-orbit{width:300px;height:300px}.mock-content{padding:25px}.floating-chip{font-size:10px;padding:9px}.chip-one{left:-8px;bottom:15px}.chip-two{right:-5px;top:15px}.section{padding:75px 0}.services,.project-grid,.about-grid{grid-template-columns:1fr}.service{min-height:0}.section-heading{margin-bottom:30px}.contact{padding:75px 0}.footer-inner{flex-direction:column;align-items:flex-start}}

/* Kod temalı arka plan ve portföy kartları */
.hero{background:linear-gradient(90deg,rgba(8,14,29,.91),rgba(8,14,29,.60)),url("code-background.svg") center/cover no-repeat}
.projects-section{background:linear-gradient(180deg,rgba(9,17,34,.95),rgba(9,17,34,.97)),url("code-background.svg") center/cover fixed}
.featured-projects .project{transition:transform .25s,border-color .25s,box-shadow .25s}
.featured-projects .project:hover{transform:translateY(-7px);border-color:#2c9fcb;box-shadow:0 20px 50px #0005}
.featured-projects .project-image{display:block;overflow:hidden}
.featured-projects .project-image img{transition:transform .35s}
.featured-projects .project:hover .project-image img{transform:scale(1.045)}
.additional-project-title{margin:55px 0 24px;font-size:24px}
@media(max-width:620px){.projects-section{background-attachment:scroll}}

/* V3: logodaki turkuaz-mavi-mor palet, daha açık zemin ve güçlü kod görselleri */
:root{--bg:#f2f8ff;--surface:#ffffff;--text:#163657;--muted:#55708e;--cyan:#04bfc9;--blue:#287fe8;--purple:#8c55e8;--border:rgba(50,115,170,.17)}
body{background:var(--bg);color:var(--text)}
.header{background:rgba(246,251,255,.93);border-bottom:1px solid #cce2f2;box-shadow:0 4px 22px #225b8b0a}
.header nav{color:#2d5172}.header nav a:hover{color:#1175bc}.nav-cta{border-color:#8ecce7;color:#1867a3;background:#e5f7ff}.menu-toggle{color:#1b5b90}
.hero{background:linear-gradient(90deg,rgba(239,250,255,.97) 0%,rgba(239,250,255,.90) 36%,rgba(232,246,255,.40) 61%,rgba(234,238,255,.08) 100%),url('code-background.svg') center/cover no-repeat;min-height:690px}
.hero p,.section-heading p,.about p,.contact p{color:#4b6888}.eyebrow,.section-label{color:#147bb0}.eyebrow{background:#dcf5ff;border-color:#addced}.hero-foot{color:#456a8b}.hero h1{color:#153b62}.hero .glow{opacity:.10}
.secondary{border-color:#8bbad9;color:#175a91;background:#ffffffc7}.install-help{font-size:12px;color:#416e92;margin:-42px 0 32px}
.install-button{cursor:pointer;background:linear-gradient(110deg,#1cc7c7,#488fea);border:0;border-radius:10px;padding:12px 16px;color:#fff;font-size:12px;font-weight:800}
.visual-orbit{border-color:#68b9e866}.mock-window{box-shadow:0 30px 80px #1a5c9a35}.floating-chip{background:#e5f5ff;color:#1c5689;border-color:#93c9e8;box-shadow:0 12px 30px #3775b329}.chip-two{color:#2071a8}
#hizmetler{background:linear-gradient(155deg,#f7fcff 10%,#e7f5ff 70%,#f3eaff 100%)}
.service{background:#ffffffec;border-color:#c9e4f3;box-shadow:0 12px 35px #316da514}.service:hover{border-color:#55b8e6;box-shadow:0 18px 35px #3674ac25}.service-icon{background:#e2f8ff;border-color:#b5e3ef;color:#1786c0}.service>span{color:#779bb8}.service p{color:#58728e}.service a,.project a,.text-link{color:#147eb5}
.projects-section{background:linear-gradient(180deg,rgba(225,244,255,.91),rgba(238,232,255,.94)),url('code-background.svg') center/cover fixed}
.project{background:#fff;border-color:#bedff1;box-shadow:0 12px 34px #3068a21b}.project-body small{color:#1479ac}.project-body p{color:#55718e}.project-body h3{color:#163d64}
.about{background:linear-gradient(125deg,#fff,#e9f8ff)}
.contact{background:linear-gradient(125deg,#d7f9fa,#dcecff 48%,#eadfff)}.contact p{color:#426c88}
footer{background:#f5fbff;border-color:#d0e7f5}.footer-inner{color:#547693}.footer-inner .brand{color:#173b63}
@media(max-width:620px){.header nav{background:#f5fbff;border-color:#c8e4f4}.hero{background:linear-gradient(90deg,rgba(239,250,255,.95),rgba(239,250,255,.82)),url('code-background.svg') 65% center/cover no-repeat}.projects-section{background-attachment:scroll}.install-help{margin:-15px 0 25px}}

/* V4 — onaylanan gece mavisi, turkuaz ve mor tasarım */
:root{--bg:#07182f;--surface:#102643;--text:#f2f8ff;--muted:#b5cbe2;--border:rgba(76,158,228,.30)}
body{background:#07182f;color:#f2f8ff}
.header{background:rgba(5,20,42,.88);border-color:#1b4b72;box-shadow:0 8px 40px #020a1c88;backdrop-filter:blur(16px)}
.header nav{color:#e6f4ff}.header nav a:hover{color:#28d7ef}.nav-cta{color:#fff;border:0;background:linear-gradient(110deg,#05cfe1,#8740f7);box-shadow:0 6px 24px #1882e844}.menu-toggle{color:#fff}
.hero{background:linear-gradient(90deg,rgba(4,17,37,.96),rgba(5,20,44,.84) 46%,rgba(7,20,46,.34)),url('code-background.svg') center/cover no-repeat;min-height:670px}
.hero h1{color:#fff}.hero p,.section-heading p,.about p,.contact p{color:#b9d1ea}.hero-foot{color:#c2d8ed}.eyebrow,.section-label{color:#7bbdff}.eyebrow{background:#0d2b50a8;border-color:#2a6eaa}.hero .glow{opacity:.7}
.primary{color:#fff;background:linear-gradient(110deg,#08cfe0,#347ff6 58%,#a344f8);box-shadow:0 12px 32px #1487eb4d}.secondary{background:#0b22418a;border:1px solid #628cc0;color:#fff}.install-help{color:#a6d7ec}.install-button{color:#fff}
#hizmetler{background:radial-gradient(ellipse at 85% 0%,#192a6a 0%,transparent 48%),linear-gradient(140deg,#081c37,#0a2440 55%,#121d40)}
.service{background:linear-gradient(145deg,#143356ee,#0a213eee);border:1px solid #2b6899;box-shadow:0 12px 35px #0003}.service:nth-child(2){border-color:#6755b9}.service:nth-child(3){border-color:#087d9b}.service:nth-child(4){border-color:#86479d}.service:hover{border-color:#34c5e9;box-shadow:0 18px 45px #05c9f622}.service-icon{background:#0b4163;border-color:#2a8cb4;color:#27d4f4}.service p{color:#bad1e9}.service a,.project a,.text-link{color:#52dff5}.service>span{color:#8ba9ca}
.projects-section{background:linear-gradient(180deg,#071b36ed,#0a1d3af2),url('code-background.svg') center/cover fixed}.project{background:#0d2341;border-color:#315b83;box-shadow:0 12px 30px #0004}.project-body h3{color:#fff}.project-body small{color:#55d8f2}.project-body p{color:#b6cce3}.project-image{height:155px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.about{background:linear-gradient(125deg,#0b2342,#17264c)}.contact{background:linear-gradient(120deg,#0a2546,#152557 60%,#25154e)}.contact p{color:#bcd0ea}footer{background:#06162e;border-color:#245078}.footer-inner,.footer-inner .brand{color:#c1d4e9}
.brand img{object-fit:contain;background:white;border-radius:10px}.mock-window{box-shadow:0 30px 100px #000a}.floating-chip{background:#122e51;color:#dcefff;border-color:#377ca9}.chip-two{color:#5ee5e4}.visual-orbit{border-color:#288ad555}
@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.header nav{background:#0a2140;border-color:#27517a}.hero{background:linear-gradient(90deg,#06182ff0,#0a2440c9),url('code-background.svg') 65% center/cover no-repeat}.projects-section{background-attachment:scroll}.project-grid{grid-template-columns:1fr}.project-image{height:205px}.install-help{margin:-12px 0 25px}}

.ideas-promo{background:linear-gradient(115deg,#0d2946,#17234b 60%,#1e244c);border-top:1px solid #28628a;border-bottom:1px solid #28628a}
.ideas-promo-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}
.ideas-promo-inner h2{font-size:clamp(26px,3vw,42px);margin:12px 0}
.ideas-promo-inner p{color:#bdd4e8;max-width:650px;line-height:1.8}
.ideas-promo-inner .btn{white-space:nowrap}
@media(max-width:760px){.ideas-promo-inner{flex-direction:column;align-items:flex-start}}

/* V5.3: Mobil ve tablet menüsü, iki sayfada da aynı eşikte açılır. */
@media (max-width: 1050px) {
 .header .menu-toggle{display:block;cursor:pointer;position:relative;z-index:30}
 .header nav#menu{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;
  padding:22px max(22px,calc((100vw - 1160px)/2));background:#0a2140;
  border-bottom:1px solid #27517a;flex-direction:column;align-items:stretch;gap:0;
  max-height:calc(100dvh - 70px);overflow-y:auto;box-shadow:0 18px 35px #0007}
 .header nav#menu.open{display:flex}
 .header nav#menu a{display:block;padding:13px 0;color:#e6f4ff}
 .header nav#menu .nav-cta{padding:13px 18px;margin-top:9px;text-align:center}
}

.footer-inner .admin-footer-link{color:#94acc4;font-size:12px;text-decoration:none}.footer-inner .admin-footer-link:hover{color:#70e1ee}

/* V5.6 iletişim kartı */
.contact .contact-inner{max-width:820px}
.contact-form-card{max-width:640px;margin:34px auto 0;text-align:left;padding:clamp(20px,4vw,36px);background:linear-gradient(140deg,#122945,#101d36);border:1px solid #376282;border-radius:20px;box-shadow:0 20px 55px #020b183d}
.contact-form-card h3{font-size:26px;color:#f5f9ff;margin:0 0 8px}
.contact-form-card>p{color:#bbd2e5}
.contact-form{display:flex;flex-direction:column;gap:15px;margin-top:20px}
.contact-form label{display:block;font-size:14px;font-weight:600;color:#dceafb}
.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:8px;padding:13px 15px;background:#08182c;color:#fff;border:1px solid #3c6280;border-radius:10px;font:inherit;resize:vertical}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #39d6e2;outline-offset:1px}
.contact-form button{align-self:flex-start;cursor:pointer}
.contact-hp{position:absolute;left:-9999px}
.contact-notice{padding:12px 15px;border-radius:9px}
.contact-notice.success{background:#155045;color:#d9fff3}
.contact-notice.error{background:#6c3143;color:#ffe9ee}

@media(min-width:1051px){.header nav#menu{gap:16px;font-size:12px}.header nav#menu a{white-space:nowrap}.header nav#menu .nav-cta{padding:10px 12px}}