@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Nunito+Sans:wght@400;600;700&display=swap');
:root{--blue:#39b2f4;--olive:#68683b;--dark:#302f12;--cream:#fffaf0;--ink:#10130f;--line:rgba(25,28,18,.35);--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;font-family:"Nunito Sans",sans-serif;color:var(--ink);background:var(--blue);line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:78px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,70px);background:rgba(57,178,244,.96);border-bottom:1px solid rgba(26,37,30,.55);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:.03em}.brand-mark{width:37px;height:37px;border:1.5px solid var(--dark);border-radius:50%;display:grid;place-items:center;font-size:.76rem}.site-header nav{display:flex;align-items:center;gap:clamp(12px,2.2vw,30px)}.site-header nav a{font-size:.86rem;letter-spacing:.04em;text-transform:uppercase}.site-header nav a:hover{opacity:.65}.lang-toggle{border:1px solid var(--dark);background:transparent;border-radius:99px;padding:7px 12px;cursor:pointer;font:inherit;font-size:.78rem}.menu-toggle{display:none;background:transparent;border:0;font-size:1.5rem}
section.section{padding:clamp(64px,8vw,112px) clamp(22px,5vw,70px);border-bottom:1px solid var(--line)}.eyebrow{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 28px}.hero{height:min(760px,calc(100vh - 78px));min-height:500px;position:relative;overflow:hidden;background:var(--dark);color:white}.hero-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 35%}.hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(15,18,20,.30) 0%,rgba(15,18,20,.24) 42%,rgba(15,18,20,.12) 68%,rgba(15,18,20,0) 100%);}.hero-copy{position:absolute;left:clamp(24px,6.5vw,100px);top:50%;transform:translateY(-40%);width:min(58%,760px);max-width:760px;text-shadow:0 2px 7px #0008}.hero-copy .eyebrow{font-size:.8rem;letter-spacing:.22em}.hero h1{font-family:Montserrat,sans-serif;font-size:clamp(3.4rem,8.2vw,7.8rem);line-height:.88;margin:0;font-weight:800;letter-spacing:-.055em;-webkit-text-stroke:0;display:flex;flex-direction:column;align-items:flex-start}.hero h2{font-family:Montserrat,sans-serif;font-size:clamp(1.1rem,3.2vw,2.4rem);line-height:1.2;margin:15px 0 0;font-weight:700}.scroll-cue{position:absolute;right:5%;bottom:26px;border:1px solid #ffffff88;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:1.3rem}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(35px,8vw,120px);align-items:center;min-height:600px}.about .section-heading h2{font-family:Montserrat,sans-serif;font-size:clamp(2.5rem,5.4vw,5.4rem);font-weight:400;line-height:1.08;letter-spacing:-.06em;margin:0}.about-copy p{margin:0 0 20px;font-size:clamp(.98rem,1.25vw,1.1rem);text-align:justify}.experience{background:var(--blue)}.job{display:grid;grid-template-columns:minmax(190px,.75fr) 1.25fr;gap:40px;padding:24px 0;border-top:1px solid var(--line);font-size:.88rem}.job-meta{display:flex;flex-direction:column;gap:3px}.job-meta small{font-size:.77rem;margin-bottom:7px}.job-meta strong{font-weight:700}.job b{font-size:.82rem}.job p{margin:5px 0 16px}.education{background:var(--blue);color:var(--cream)}.education-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,5vw,70px);padding:10px 0 60px}.ribbon{background:var(--blue);color:var(--ink);min-height:350px;text-align:center;padding:35px 22px;clip-path:polygon(0 0,100% 0,100% 86%,50% 100%,0 86%)}.ribbon-label{font-size:1.15rem;margin:0 0 14px}.ribbon h3{font-size:clamp(1.2rem,2vw,1.7rem);font-weight:400;line-height:1.35;margin:12px 0}.ribbon p:last-child{font-size:1.1rem;margin-top:36px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;text-align:center}.skills-grid h3{font-weight:400;font-size:1.2rem;margin:0 0 12px}.skills-grid p{font-size:1.05rem;line-height:1.8;margin:0}.resume{background:var(rgba(102,153,255,.96));color:var(--blue);text-align:center}.resume>.eyebrow{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:.04em;margin-bottom:60px}.resume-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,310px));justify-content:center;gap:clamp(35px,12vw,180px)}.resume-ribbon{height:300px;background:var(--cream);color:var(--dark);display:flex;align-items:center;justify-content:center;padding:28px;text-align:center;clip-path:polygon(0 0,100% 0,100% 68%,50% 100%,0 68%);font-size:clamp(1rem,1.7vw,1.4rem);transition:transform .2s}.resume-ribbon:hover{transform:translateY(-5px)}.resume-note{font-size:.8rem;opacity:.8;margin-top:30px}
.contact{background:var(--dark);color:var(--cream);display:grid;grid-template-columns:1fr minmax(300px,.9fr);gap:clamp(40px,10vw,150px);align-items:center;min-height:600px}.contact h2{font-family:Montserrat,sans-serif;font-size:clamp(2.5rem,5vw,4.8rem);font-weight:400;line-height:1.1;letter-spacing:-.05em;margin:0 0 35px}.linkedin{display:inline-flex;align-items:center;gap:10px;margin:8px 0 15px}.linkedin-icon{display:inline-grid;place-items:center;background:#0a66c2;color:white;font-family:Arial,sans-serif;font-weight:bold;font-size:1rem;width:27px;height:27px;border-radius:4px}.email-line a{border-bottom:1px solid #fff8}.contact form{display:flex;flex-direction:column;gap:14px}.contact label{display:block}.contact label>span{position:absolute;left:-9999px}.contact input,.contact textarea{display:block;width:100%;border:0;background:var(--blue);color:var(--dark);border-radius:999px;padding:14px 20px;font:inherit;font-size:1rem;text-align:center;outline-offset:3px}.contact textarea{background:var(--cream);border-radius:42px;min-height:180px;resize:vertical;padding:25px;text-align:left}.contact input::placeholder,.contact textarea::placeholder{color:#393817;opacity:1}.contact form button{align-self:center;border:0;border-radius:99px;background:var(--blue);color:var(--dark);font:inherit;font-size:1.05rem;padding:10px 34px;cursor:pointer}.form-note{font-size:.76rem;color:#c6c5ad;text-align:center;margin:0}footer{display:flex;justify-content:space-between;align-items:center;padding:22px clamp(22px,5vw,70px);background:var(--dark);color:var(--cream);font-size:.82rem}
@media(max-width:800px){.site-header{height:70px;padding:0 20px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--blue);padding:14px 22px 22px;align-items:stretch;flex-direction:column;gap:0;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav a{padding:11px 0;border-bottom:1px solid var(--line)}.lang-toggle{align-self:flex-start;margin-top:12px}.hero{height:72vh;min-height:460px}.hero-image{object-position:60% center}.hero-copy{left:22px;right:22px;top:auto;bottom:95px;transform:none}.about{grid-template-columns:1fr;gap:35px;min-height:auto}.about .section-heading h2 br{display:none}.job{grid-template-columns:1fr;gap:12px}.education-grid{grid-template-columns:1fr;gap:25px;padding-bottom:20px}.ribbon{min-height:270px;max-width:440px;width:100%;margin:auto}.skills-grid{grid-template-columns:1fr;gap:32px}.resume-grid{gap:24px}.resume-ribbon{height:245px}.contact{grid-template-columns:1fr;gap:35px}.contact h2{max-width:600px}footer{gap:12px;flex-wrap:wrap}}
@media(max-width:480px){.resume-grid{grid-template-columns:1fr;max-width:300px;margin:auto}.resume-ribbon{height:240px}.hero h1{font-size:2.7rem}.hero h2{font-size:1.15rem}.contact textarea{min-height:150px}}

/* Hero heading correction: single clean name layer, no duplicated/ghost text. */
.hero-copy { text-shadow: none; }
.hero h1 {
  color: #fff;
  -webkit-text-stroke: 0;
  text-shadow: 2px 3px 0 rgba(0,0,0,.42);
  font-size: clamp(2.5rem, 7vw, 6rem);
  line-height: 1.06;
  letter-spacing: -.055em;
  overflow-wrap: normal;
  white-space: normal;
  max-width: 100%;
}
.hero h2 {
  color: #fff;
  text-shadow: 1px 2px 3px rgba(0,0,0,.45);
  font-size: clamp(1.05rem, 2.8vw, 2.2rem);
}
@media (max-width: 600px) {
  .hero-copy { left: 20px; right: 20px; bottom: 75px; }
  .hero h1 { font-size: clamp(2.25rem, 10vw, 3.5rem); letter-spacing: -.045em; }
  .hero h2 { font-size: clamp(.95rem, 4.5vw, 1.35rem); }
}

/* Two-line hero name; shield embedded lettering in the supplied background image. */
.hero-shade{background:linear-gradient(90deg,#171a1bf5 0%,#171a1bf2 51%,#171a1be8 72%,#171a1b00 89%);}
.hero-copy{z-index:2;left:clamp(25px,5vw,75px);top:49%;transform:translateY(-50%);width:68%;max-width:900px;}
.hero-name{display:flex;flex-direction:column;align-items:flex-start;font-size:clamp(4.4rem,10.7vw,10.5rem)!important;line-height:.88!important;letter-spacing:-.075em!important;margin:24px 0 25px!important;text-shadow:none!important;-webkit-text-stroke:0!important;}
.hero-name span{display:block;}
.hero-copy h2{font-size:clamp(1.1rem,2.8vw,2.3rem);letter-spacing:.025em;}
.skills{background:#f1ece2;color:#23241e;border-top:1px solid #d8d0c4;border-bottom:1px solid #d8d0c4;}
@media(max-width:800px){.hero-copy{left:22px;right:22px;width:75%;top:50%;bottom:auto;transform:translateY(-50%)}.hero-name{font-size:clamp(3.3rem,12vw,6rem)!important}.hero-shade{background:linear-gradient(90deg,#171a1bf5 0%,#171a1bed 64%,#171a1b10 100%)}}
@media(max-width:480px){.hero-copy{width:78%}.hero-name{font-size:clamp(2.9rem,12vw,4.2rem)!important}.hero-copy h2{font-size:1rem}}

/* Updated two-line hero layout, positioned away from portrait */
.hero-copy{left:clamp(25px,5vw,85px);right:auto;top:50%;transform:translateY(-43%);width:min(55%,720px);max-width:none;z-index:2}
.hero-name{display:flex;flex-direction:column;align-items:flex-start;font-size:clamp(4.5rem,9.3vw,10rem)!important;line-height:.83!important;letter-spacing:-.075em!important;margin:24px 0!important;font-weight:900!important;-webkit-text-stroke:0!important;text-shadow:0 4px 18px #0009!important}
.hero-name span{display:block;white-space:nowrap}
.hero-role{font-size:clamp(1.15rem,2.4vw,2.35rem)!important;letter-spacing:.01em;margin-top:22px!important}
/* Distinct, warmer skills panel */
.section.skills{background:#e9e2d6;color:#20242a;border-top:1px solid #d5cbbd;border-bottom:1px solid #d5cbbd}
@media(max-width:800px){.hero-copy{left:22px;right:20px;top:auto;bottom:95px;transform:none;width:65%}.hero-name{font-size:clamp(3.1rem,10vw,5.5rem)!important}.hero-role{font-size:clamp(.9rem,2.7vw,1.4rem)!important}}
@media(max-width:480px){.hero-copy{width:80%;bottom:90px}.hero-name{font-size:clamp(2.8rem,12vw,4.3rem)!important}.hero-role{font-size:1rem!important}}

/* v4 refinement: clear visual separation for Language & Skills */
#skills{background:#f1eee7;color:#18232b;border-bottom:1px solid #d8d2c7}
#skills .section-heading h2,#skills h2,#skills h3{color:#18232b}
#skills .skill-card,#skills .language-item{background:rgba(255,255,255,.48)}
@media(max-width:700px){
  .hero-copy{width:84%;left:7%;top:48%}
  .hero h1{font-size:clamp(3rem,13vw,5rem)}
  .hero-image{object-position:62% center}
}

/* FIX: the homepage uses .hero-shade; keep the photo visibly brighter */
.hero > .hero-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    90deg,
    rgba(15, 18, 20, 0.30) 0%,
    rgba(15, 18, 20, 0.24) 42%,
    rgba(15, 18, 20, 0.12) 68%,
    rgba(15, 18, 20, 0.00) 100%
  ) !important;
}
@media (max-width: 800px) {
  .hero > .hero-shade {
    background: linear-gradient(
      90deg,
      rgba(15, 18, 20, 0.34) 0%,
      rgba(15, 18, 20, 0.20) 58%,
      rgba(15, 18, 20, 0.06) 100%
    ) !important;
  }
}

/* Contact form bot-trap field: hidden from visitors */
.form-trap{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Yalnızca Eğitim & Sertifikalar */
#education,
.education,
.education-section,
#education-certification,
.education-certification {
  background-color: #F4EBDD !important;
  color: #343528 !important;
}

/* Yalnızca CV İndir */
#resume,
.resume,
.resume-section,
#download-resume,
.download-resume {
  background-color: 6699ff !important;
  color: #343528 !important;
}

/* Hakkımda bölümünün mevcut arka planını koru */
#about,
.about,
.about-section {
  background-color: initial;
}