/* Gökhan Kutbay — kişisel portföy */
:root{--bg:#101116;--bg-soft:#151821;--card:#171b25;--card-hover:#1c2230;--text:#f2f3f7;--muted:#a7adbd;--muted-2:#777f91;--line:rgba(255,255,255,.10);--accent:#b8ff45;--accent-dark:#8bcf24;--white:#fff;--radius:22px;--font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.section-shell{width:min(1160px,calc(100% - 64px));margin-inline:auto}.section-pad{padding-block:112px}.page-progress{position:fixed;z-index:1200;inset:0 0 auto;height:2px;pointer-events:none}.page-progress span{display:block;width:0;height:100%;background:var(--accent)}
.site-header{position:fixed;z-index:1000;top:0;left:0;width:100%;height:82px;background:rgba(16,17,22,.76);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:height .25s,background .25s}.site-header.scrolled{height:72px;background:rgba(16,17,22,.92)}.nav-wrap{width:min(1160px,calc(100% - 64px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;font-size:21px;letter-spacing:-1.5px}.brand span,.accent{color:var(--accent)}.main-nav{display:flex;align-items:center;gap:34px;margin-left:90px}.main-nav a{font-size:13px;color:#b7bdca;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:var(--accent)}.nav-cta{font-size:12px;font-weight:700;border:1px solid var(--line);border-radius:100px;padding:10px 16px;transition:.2s}.nav-cta span{color:var(--accent);margin-left:8px}.nav-cta:hover{border-color:var(--accent);background:rgba(184,255,69,.06)}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:23px;height:2px;background:var(--text);margin:5px}
.hero{min-height:780px;padding-top:160px;position:relative;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;width:100%;padding-bottom:50px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--accent)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px rgba(184,255,69,.65)}h1{font-size:clamp(54px,6.4vw,88px);line-height:.99;letter-spacing:-6px;font-weight:800;margin:27px 0 26px}h1 .outline-word{color:transparent;-webkit-text-stroke:1.5px #e9ebf1}.hero-lead{max-width:535px;color:var(--muted);font-size:16px;line-height:1.9}.hero-lead strong{color:var(--text);font-weight:700}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{border:0;border-radius:100px;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:15px 21px;font-size:12px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--accent);color:#141710;box-shadow:0 8px 28px rgba(184,255,69,.13)}.button-primary:hover{background:#c7ff70;box-shadow:0 12px 35px rgba(184,255,69,.2)}.button span{font-size:16px}.text-link{font-size:12px;color:var(--muted)}.text-link span{color:var(--accent);margin-left:8px}.hero-meta{display:flex;gap:40px;margin-top:62px;padding-top:23px;border-top:1px solid var(--line);max-width:500px}.hero-meta div{display:flex;flex-direction:column}.meta-number{font-size:23px;font-weight:800;letter-spacing:-1px}.meta-label{font-size:10px;color:var(--muted-2);margin-top:2px}.hero-visual{height:480px;position:relative;display:grid;place-items:center}.visual-glow{position:absolute;width:300px;height:300px;background:rgba(151,214,56,.10);filter:blur(85px);border-radius:50%}.visual-orbit{position:absolute;border:1px solid rgba(184,255,69,.17);border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:440px;height:230px}.orbit-two{width:390px;height:320px;transform:rotate(48deg);border-color:rgba(255,255,255,.10)}.visual-card{position:relative;width:min(350px,82%);height:390px;border:1px solid rgba(255,255,255,.17);border-radius:25px;background:linear-gradient(145deg,rgba(36,42,53,.95),rgba(20,23,31,.94));box-shadow:0 30px 80px rgba(0,0,0,.35);padding:23px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(5deg);overflow:hidden}.visual-card:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(184,255,69,.12);border-radius:50%;right:-90px;top:70px;box-shadow:0 0 0 28px rgba(184,255,69,.025),0 0 0 58px rgba(184,255,69,.02)}.visual-card-top,.visual-card-bottom{display:flex;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:1.5px;color:#858d9c}.live-dot{color:var(--accent)}.monogram{font-size:138px;line-height:1;font-weight:900;letter-spacing:-16px;color:#f3f4f6;align-self:center;position:relative;z-index:1}.monogram span{color:var(--accent)}.monogram i{font-style:normal;color:var(--accent);font-size:90px}.floating-tag{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.13);background:rgba(25,29,39,.88);backdrop-filter:blur(12px);padding:11px 15px;border-radius:12px;font-size:11px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.2)}.tag-icon{color:var(--accent);margin-right:7px;font-size:14px}.tag-code{top:65px;left:0}.tag-design{right:0;top:155px}.tag-business{bottom:65px;left:15px}.visual-index{position:absolute;right:10px;bottom:8px;font-size:10px;letter-spacing:2px;color:var(--muted-2)}.scroll-cue{position:absolute;bottom:28px;left:0;display:flex;align-items:center;gap:12px;font-size:9px;font-weight:800;letter-spacing:2px;color:var(--muted-2)}.scroll-line{width:35px;height:1px;background:var(--accent)}
.intro-section{border-top:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;margin-top:35px}.intro-grid h2,.section-heading h2,.contact-grid h2{font-size:clamp(38px,4.4vw,59px);line-height:1.08;letter-spacing:-3px;margin:0;font-weight:800}.intro-grid h2 span,.section-heading h2 span,.contact-grid h2 span{color:#747c8d}.intro-text{padding-top:8px}.large-copy{font-size:19px;line-height:1.6;color:#e2e5eb;margin:0 0 18px}.intro-text p:not(.large-copy){font-size:13px;color:var(--muted);line-height:1.9}.under-link{display:inline-flex;gap:20px;align-items:center;margin-top:16px;padding-bottom:8px;border-bottom:1px solid rgba(184,255,69,.5);font-size:12px;font-weight:700}.under-link span{color:var(--accent)}
.expertise-section{padding-top:45px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:43px}.section-heading h2{margin-top:25px}.section-heading>p{max-width:300px;color:var(--muted);font-size:13px;line-height:1.9;margin:0 0 7px}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.expertise-card{min-height:280px;padding:25px 22px 22px;background:var(--card);border:1px solid var(--line);border-radius:19px;transition:transform .25s,border-color .25s,background .25s;position:relative;overflow:hidden}.expertise-card:hover{transform:translateY(-7px);border-color:rgba(184,255,69,.42);background:var(--card-hover)}.card-top{display:flex;justify-content:space-between;align-items:center;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.6px}.card-arrow{color:#697284;font-size:17px;transition:transform .2s}.expertise-card:hover .card-arrow{transform:translate(3px,-3px);color:var(--accent)}.card-symbol{font-size:32px;font-weight:700;color:#d9e1cf;margin-top:28px;height:47px}.expertise-card h3{font-size:15px;margin:12px 0 7px;letter-spacing:-.3px}.expertise-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;min-height:65px}.skill-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.skill-tags span{font-size:9px;color:#9ba3b3;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);padding:4px 7px;border-radius:5px}
.brand-section{padding-top:15px}.brand-panel{min-height:490px;border-radius:28px;background:#c6f17c;color:#172015;overflow:hidden;position:relative;display:grid;grid-template-columns:1fr 1fr}.brand-content{padding:58px 0 55px 58px;position:relative;z-index:2}.brand-content .section-kicker{color:#3f6323}.ferli-wordmark{font-size:45px;font-weight:900;letter-spacing:-4px;margin-top:20px}.ferli-wordmark span{color:#fff}.brand-content h2{font-size:48px;line-height:1.05;letter-spacing:-3px;margin:12px 0 18px}.brand-content h2 span{color:#5d823b}.brand-content p{font-size:13px;line-height:1.9;color:#3e5130;max-width:410px}.button-light{background:#172015;color:#f5f8ed;margin-top:15px}.button-light:hover{background:#2a3824}.brand-art{position:relative;display:grid;place-items:center;overflow:hidden}.brand-ring{position:absolute;border:1px solid rgba(27,49,18,.24);border-radius:50%;width:410px;height:410px}.ring-a{width:330px;height:330px}.ring-b{width:500px;height:500px}.brand-stamp{width:210px;height:210px;border:1px solid rgba(27,49,18,.5);border-radius:50%;display:grid;place-items:center;font-size:145px;font-weight:900;letter-spacing:-15px;line-height:1;transform:rotate(-12deg);color:#1c2a16}.brand-stamp span{position:absolute;font-size:13px;right:32px;top:30px;letter-spacing:0}.brand-caption{position:absolute;bottom:44px;right:52px;font-size:9px;line-height:1.8;font-weight:900;letter-spacing:2px;color:#506b39}
.projects-section{padding-top:100px}.project-list{border-top:1px solid var(--line)}.project-row{display:grid;grid-template-columns:55px 1.2fr .8fr 35px;align-items:center;gap:25px;padding:25px 0;border-bottom:1px solid var(--line);transition:padding .25s}.project-row:hover{padding-inline:10px}.project-number{font-size:12px;color:var(--accent);font-weight:800}.project-type{font-size:9px;color:var(--muted-2);font-weight:800;letter-spacing:1.5px}.project-info h3{font-size:20px;letter-spacing:-.7px;margin:5px 0}.project-info p{font-size:11px;color:var(--muted);margin:0}.project-visual{height:105px;border-radius:12px;display:grid;place-items:center;overflow:hidden;position:relative}.project-visual-web{background:#1c2431}.mini-browser{width:70%;height:75px;border:1px solid #566174;border-radius:6px;background:#111722;padding:7px}.mini-dots{font-size:6px;color:var(--accent);letter-spacing:2px}.mini-layout{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px}.mini-layout i{grid-row:span 2;background:#b8ff45;height:33px;border-radius:2px}.mini-layout b{background:#566174;height:13px;border-radius:2px}.mini-layout em{background:#303a4b;height:12px;border-radius:2px}.project-visual-brand{background:#c6f17c;color:#1b2a14;font-size:39px;font-weight:900;letter-spacing:-4px}.project-visual-code{background:#1c2431;color:var(--accent);font-size:40px;font-weight:800}.project-visual-code i{font-size:8px;letter-spacing:3px;color:#8994a6;font-style:normal;position:absolute;bottom:15px;right:20px}.project-arrow{font-size:20px;color:var(--muted-2);transition:color .2s,transform .2s}.project-row:hover .project-arrow{color:var(--accent);transform:translate(3px,-3px)}.project-note{font-size:10px;color:var(--muted-2);margin-top:16px}
.contact-section{padding-top:40px;padding-bottom:100px}.contact-card{border:1px solid var(--line);border-radius:25px;background:linear-gradient(135deg,#171c27,#141720);padding:48px}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px;margin-top:32px}.contact-grid h2{font-size:clamp(38px,4vw,54px)}.contact-grid>div>p{color:var(--muted);font-size:13px;max-width:330px;margin-top:22px}.contact-form{display:flex;flex-direction:column}.contact-form label{font-size:10px;color:#c5cad4;font-weight:700;margin:0 0 6px}.contact-form input,.contact-form textarea{background:#10131b;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:12px 13px;color:var(--text);outline:0;font-size:12px;margin-bottom:16px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(184,255,69,.65)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#626b7c}.form-submit{align-self:flex-start;margin-top:2px}.form-hint{font-size:10px;color:var(--muted-2);margin:12px 0 0;min-height:16px}.site-footer{min-height:100px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-size:19px}.site-footer p,.copyright{font-size:10px;color:var(--muted-2)}.back-top{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:17px;transition:.2s}.back-top:hover{background:var(--accent);color:#141710}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1000px){.main-nav{gap:20px;margin-left:20px}.hero{min-height:720px}.hero-grid{grid-template-columns:1fr  .85fr;gap:15px}h1{font-size:clamp(52px,7vw,72px);letter-spacing:-4px}.hero-visual{transform:scale(.9)}.expertise-grid{grid-template-columns:repeat(2,1fr)}.expertise-card{min-height:255px}.section-pad{padding-block:90px}}
@media(max-width:760px){.section-shell,.nav-wrap{width:min(100% - 40px,560px)}.site-header{height:72px}.site-header.scrolled{height:66px}.menu-toggle{display:block;z-index:3}.nav-cta{display:none}.main-nav{position:absolute;top:71px;left:0;right:0;margin:0;padding:14px 22px 22px;background:rgba(16,17,22,.97);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch;gap:0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s}.main-nav.open{opacity:1;visibility:visible;transform:translateY(0)}.main-nav a{padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.menu-toggle span{transition:.2s}.hero{padding-top:125px;min-height:auto;display:block;padding-bottom:80px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding-bottom:0}h1{font-size:clamp(48px,11vw,68px);letter-spacing:-3.5px;margin:23px 0}.hero-lead{font-size:14px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-meta{gap:25px;margin-top:38px}.meta-number{font-size:20px}.meta-label{font-size:9px}.hero-visual{height:390px;transform:none;margin-top:12px}.visual-card{height:315px;width:270px}.monogram{font-size:112px}.orbit-one{width:340px;height:190px}.orbit-two{width:320px;height:260px}.tag-code{left:2px;top:45px}.tag-design{right:0;top:125px}.tag-business{left:0;bottom:40px}.scroll-cue{bottom:25px}.section-pad{padding-block:75px}.intro-grid{grid-template-columns:1fr;gap:25px;margin-top:25px}.intro-grid h2,.section-heading h2,.contact-grid h2{font-size:clamp(38px,9vw,52px);letter-spacing:-2.5px}.large-copy{font-size:17px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{margin-top:20px}.section-heading>p{margin-top:18px}.expertise-section{padding-top:15px}.expertise-grid{gap:10px}.expertise-card{padding:20px 16px;min-height:270px}.expertise-card h3{font-size:13px}.expertise-card p{font-size:11px}.skill-tags span{font-size:8px}.brand-section{padding-top:0}.brand-panel{grid-template-columns:1fr;min-height:0}.brand-content{padding:38px 28px 10px}.brand-content h2{font-size:42px}.brand-art{height:280px}.brand-stamp{width:165px;height:165px;font-size:115px}.brand-ring{width:330px;height:330px}.ring-a{width:250px;height:250px}.ring-b{width:390px;height:390px}.brand-caption{bottom:22px;right:25px}.projects-section{padding-top:75px}.project-row{grid-template-columns:30px 1fr 30px;gap:12px;padding:20px 0}.project-visual{display:none}.project-info h3{font-size:17px}.project-info p{font-size:10px}.project-arrow{grid-column:3;grid-row:1}.contact-section{padding-top:10px;padding-bottom:70px}.contact-card{padding:30px 22px}.contact-grid{grid-template-columns:1fr;gap:28px;margin-top:25px}.site-footer{min-height:85px;flex-wrap:wrap;padding-block:18px}.site-footer p{display:none}.copyright{margin-left:auto}}
@media(max-width:390px){.section-shell,.nav-wrap{width:calc(100% - 32px)}h1{font-size:46px}.hero-meta{gap:16px}.meta-label{max-width:85px}.expertise-grid{grid-template-columns:1fr}.expertise-card{min-height:230px}.expertise-card p{min-height:auto}.skill-tags{margin-top:12px}.hero-visual{height:350px}.visual-card{height:285px;width:245px}.floating-tag{font-size:10px;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}


/* --- Ek mobil/tablet taşma düzeltmeleri --- */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}
body {
  position: relative;
}
img, svg, video, canvas, iframe {
  max-width: 100%;
}
.section-shell, .nav-wrap {
  min-width: 0;
}
.hero-grid > *, .intro-grid > *, .section-heading > *,
.expertise-card, .brand-panel > *, .project-row > *,
.contact-grid > *, .contact-form {
  min-width: 0;
}
h1, h2, h3, p, a, span {
  overflow-wrap: anywhere;
}
.hero-visual, .brand-art, .project-visual {
  max-width: 100%;
}
.contact-form input, .contact-form textarea {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
@media (max-width: 760px) {
  .section-shell, .nav-wrap {
    width: calc(100% - 32px);
    max-width: 560px;
  }
  .hero, .intro-section, .expertise-section, .brand-section,
  .projects-section, .contact-section {
    max-width: 100%;
  }
  .hero-grid {
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
  }
  .hero-copy {
    width: 100%;
    min-width: 0;
  }
  h1 {
    max-width: 100%;
    font-size: clamp(42px, 10.5vw, 66px);
    letter-spacing: clamp(-3.5px, -0.65vw, -1.5px);
    overflow-wrap: normal;
    word-break: normal;
  }
  .hero-actions {
    min-width: 0;
  }
  .hero-visual {
    width: 100%;
    overflow: hidden;
    contain: paint;
  }
  .visual-card {
    max-width: calc(100% - 56px);
  }
  .floating-tag {
    max-width: 44%;
    white-space: nowrap;
  }
  .expertise-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .expertise-card {
    overflow: hidden;
  }
  .brand-panel {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    overflow: hidden;
  }
  .brand-content {
    min-width: 0;
    padding-left: clamp(20px, 6vw, 34px);
    padding-right: clamp(20px, 6vw, 34px);
  }
  .brand-content h2 {
    font-size: clamp(36px, 9vw, 46px);
    overflow-wrap: normal;
  }
  .brand-art {
    width: 100%;
    overflow: hidden;
  }
  .project-row {
    grid-template-columns: 28px minmax(0, 1fr) 24px;
  }
  .project-info {
    min-width: 0;
  }
  .project-info h3 {
    overflow-wrap: anywhere;
  }
  .contact-card {
    min-width: 0;
    padding-inline: clamp(18px, 5vw, 28px);
  }
  .contact-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 26px;
  }
  .site-footer {
    min-width: 0;
  }
}
@media (max-width: 430px) {
  .expertise-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .expertise-card {
    min-height: 0;
  }
  .expertise-card p {
    min-height: 0;
  }
  .hero-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }
  .meta-label {
    max-width: 100%;
    overflow-wrap: normal;
  }
  .hero-visual {
    height: 330px;
  }
  .visual-card {
    width: 245px;
    max-width: calc(100% - 64px);
  }
  .orbit-one {
    width: 310px;
    max-width: 115%;
  }
  .orbit-two {
    width: 290px;
    max-width: 110%;
  }
  .tag-design {
    right: 2px;
  }
  .brand-content h2 {
    letter-spacing: -2px;
  }
  .site-footer {
    gap: 10px;
  }
  .copyright {
    font-size: 9px;
  }
}
@media (max-width: 350px) {
  .section-shell, .nav-wrap {
    width: calc(100% - 26px);
  }
  h1 {
    font-size: 39px;
  }
  .hero-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 15px;
  }
  .hero-meta {
    gap: 8px;
  }
  .meta-number {
    font-size: 18px;
  }
  .meta-label {
    font-size: 8px;
  }
}