:root{
  /* Açık/pastel palet (çok belirgin) */
  --bg:#ffffff; --paper:#ffffff; --wash:#f7d7ea; --ice:#bcdcf3;
  --text:#0f172a; --muted:#1e293b; --line:rgba(2,6,23,.12);
  --brand:#a11a52; --brand-500:#e83a82; --brand-600:#8b1d5b;
  --ice-500:#0369a1; --ice-600:#075985;

  /* Gölge/yarıçap */
  --shadow:0 10px 28px rgba(2,8,23,.12);
  --shadow-lg:0 18px 48px rgba(2,8,23,.18);
  --glow:0 0 0 rgba(236,72,153,0), 0 0 60px rgba(3,105,161,.35);
  --radius:16px; --radius-sm:12px;

  /* Tipografi & spacing (profesyonel ölçekte daha küçük) */
  --font:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  --h1:clamp(1.8rem,2.0vw+1rem,2.5rem);
  --h2:clamp(1.35rem,1.2vw+.6rem,1.85rem);
  --lead:clamp(1rem,.6vw+.85rem,1.125rem);
  --sp-3:16px; --sp-4:24px; --sp-5:32px; --sp-6:44px; --sp-7:64px;
}

*{box-sizing:border-box} html{scroll-behavior:smooth}

body{
  background:
    radial-gradient(900px 520px at 85% -10%, rgba(188,220,243,1), transparent 55%),
    radial-gradient(900px 520px at 10% -5%, rgba(247,215,234,1), transparent 50%),
    var(--bg);
  color:var(--text); font-family:var(--font);
}

a{color:var(--brand); text-decoration:none} a:hover{color:var(--brand-600)}
img{max-width:100%; height:auto; display:block}
.section{padding-block:var(--sp-6)} @media(min-width:992px){.section{padding-block:var(--sp-7)}}
.h1{font-size:var(--h1); font-weight:700; letter-spacing:-.02em}
.h2{font-size:var(--h2); font-weight:700; letter-spacing:-.01em}
.lead{font-size:var(--lead); color:var(--muted)} .muted{color:var(--muted)}
.container-xl{max-width:1180px}

/* NAVBAR — daha kompakt, şık underline */
.navbar{
  backdrop-filter:saturate(130%) blur(8px);
  background:rgba(255,255,255,.9)!important;
  border-bottom:1px solid var(--line); padding-block:6px;
}
.brand-logo{height:28px;width:auto}
.navbar-brand{font-weight:700; font-size:1rem}
.nav-link{position:relative; padding:.45rem .65rem; color:var(--text)}
.nav-link:after{
  content:""; position:absolute; left:0; right:0; bottom:-6px; height:2px;
  background:linear-gradient(90deg,transparent,var(--brand),var(--ice-500),transparent);
  transform:scaleX(0); transform-origin:center; transition:transform .2s ease;
}
.nav-link:hover:after,.nav-link:focus:after{transform:scaleX(1)}
.lang-switch a{opacity:.8; margin-left:8px} .lang-switch a.active{opacity:1;font-weight:600}

/* HERO — küçük, temiz, profesyonel */
.hero{
  position:relative; overflow:hidden; border:1px solid var(--line);
  background:
    radial-gradient(600px 320px at 12% -20%, rgba(247,215,234,1), transparent 55%),
    radial-gradient(600px 320px at 88% 0%, rgba(188,220,243,1), transparent 60%),
    linear-gradient(180deg,#fff,#fbfdff 65%);
  border-radius:calc(var(--radius) + 4px);
  box-shadow:var(--shadow); padding:20px;
}
@media(min-width:768px){ .hero{ padding:28px 32px } }
.hero .orb{
  position:absolute; width:260px; height:260px; filter:blur(48px); border-radius:50%;
  background:radial-gradient(circle at 30% 30%, rgba(161,26,82,.55), transparent 60%);
  animation:float 12s ease-in-out infinite;
}
.hero .orb.b{left:-90px; top:-110px}
.hero .orb.c{right:-120px; top:-60px; background:radial-gradient(circle at 70% 40%, rgba(3,105,161,.55), transparent 60%); animation-duration:16s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}

/* Avatar — küçük */
.avatar-hero{width:84px;height:84px;border-radius:999px;object-fit:cover;border:2px solid rgba(2,6,23,.08);box-shadow:0 8px 24px rgba(2,8,23,.10)}
@media(min-width:768px){.avatar-hero{width:96px;height:96px}}

/* Skill rozetleri */
.badge-skill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(2,6,23,.02),rgba(2,6,23,.0));color:var(--text);box-shadow:var(--shadow);transition:all .2s ease}
.badge-skill:hover{transform:translateY(-2px);border-color:rgba(161,26,82,.4);box-shadow:0 8px 20px rgba(2,8,23,.12)}
.badge-skill i{opacity:.9}

/* Profesyonel kartlar */
.card-gk{
  background:var(--paper); border:1px solid var(--line); border-radius:var(--radius);
  padding:20px; box-shadow:var(--shadow); transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.card-gk:hover{ transform:translateY(-3px); border-color:rgba(161,26,82,.4); box-shadow:var(--shadow-lg) }
.card-gk .title{font-weight:700;margin-bottom:6px} .card-gk .meta{font-size:.95rem;color:var(--muted)}

/* Görsel oranı */
.ratio-16x9{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--line)}
.ratio-16x9 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Aksiyon butonları */
.btn-gk{
  --a:var(--brand); --b:var(--ice-500);
  display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:10px 16px;font-weight:600;
  color:#fff;background:linear-gradient(135deg,var(--a),var(--b)); border:0; box-shadow:var(--glow);
  transition:transform .12s ease,filter .2s ease;
}
.btn-gk:hover{transform:translateY(-1px)}
.btn-outline-gk{
  display:inline-flex;align-items:center;gap:10px;padding:10px 16px;font-weight:600;border-radius:999px;
  color:var(--brand);border:1px solid rgba(161,26,82,.5);background:transparent;
}
.link-clean{color:var(--text);opacity:.9} .link-clean:hover{opacity:1}

/* Section başlık ve ayıraç */
.section-title{margin-bottom:var(--sp-4)}
.section-title .eyebrow{font-size:.9rem;color:var(--brand);letter-spacing:.1em;text-transform:uppercase;display:block}

/* Liste stilleri */
.list-dash{list-style:none;padding-left:0;margin:0}
.list-dash li{padding-left:1.1rem;position:relative;margin:.35rem 0}
.list-dash li:before{content:"—";position:absolute;left:0;color:var(--brand)}

/* Footer (modern) */
.footer{
  background:
    radial-gradient(800px 420px at 8% -10%, rgba(247,215,234,.9), transparent 50%),
    radial-gradient(800px 440px at 92% 110%, rgba(188,220,243,.9), transparent 55%),
    #fff;
  border-top:1px solid var(--line); color:var(--text);
}
.footer .columns{row-gap:18px}
.footer .col-title{font-weight:700;margin-bottom:10px}
.footer .social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);color:var(--text);opacity:.9;background:#fff}
.footer .social a:hover{opacity:1;border-color:rgba(161,26,82,.5)}
.footer .mini{color:var(--muted);font-size:.95rem}
.link-list{list-style:none;padding-left:0;margin:0}
.link-list li{margin:.35rem 0} .link-list a{color:var(--text);opacity:.85} .link-list a:hover{opacity:1;color:var(--brand)}

/* Focus & Reduce motion */
:focus-visible{outline:3px solid rgba(161,26,82,.6);outline-offset:2px;border-radius:8px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Responsive tuning */
@media(max-width:575.98px){.section{padding-block:36px} .btn-gk,.btn-outline-gk{width:100%;justify-content:center}}

/* Küçük görsel parıltıları (isteğe bağlı) */
.hr-accent{height:2px;background:linear-gradient(90deg,transparent,var(--brand),var(--ice-500),transparent);border:0;margin:24px 0}
.badge-soft{background:linear-gradient(180deg,#fff,rgba(2,6,23,.02));border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-weight:600;color:var(--text)}
.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}

/* NAVBAR TOGGLER */
.navbar-toggler{border:1px solid var(--line); background:rgba(2,6,23,.03)}
.navbar-toggler-icon{filter: none}
.navbar-nav .nav-link{color:var(--text) !important; opacity:.9}
.navbar-nav .nav-link:hover{opacity:1}
.navbar-brand{color:var(--text) !important}

/* FORM ELEMENTS */
.form-control, .form-select{
  background: rgba(2,6,23,.02);
  border:1px solid var(--line);
  color:var(--text);
  border-radius:8px;
  padding:10px 14px;
}

.form-control:focus, .form-select:focus{
  background: rgba(2,6,23,.04);
  border-color:var(--brand);
  box-shadow: 0 0 0 .2rem rgba(161,26,82,.22);
  color:var(--text);
}

.form-label{font-weight:600; color:var(--text)}

.alert{
  border-radius:8px;
  border:1px solid var(--line);
}

.alert-success{
  background: rgba(34,197,94,.1);
  border-color:#22c55e;
  color:#22c55e;
}

.alert-danger{
  background: rgba(239,68,68,.1);
  border-color:#ef4444;
  color:#ef4444;
}

/* CTA spacing */
.hero .cta-row{gap:10px}

/* Skill Progress Bars */
.skill-item{margin-bottom:20px;transition:transform .2s ease}
.skill-item:hover{transform:translateX(4px)}
.skill-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.skill-label span:first-child{font-weight:600;color:var(--text)}
.skill-label span:last-child{font-size:.85rem;color:var(--muted);font-weight:500}
.skill-bar{height:10px;border-radius:999px;background:rgba(2,6,23,.08);overflow:hidden;position:relative}
.skill-bar::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);opacity:0;animation:shine 3s infinite}
.skill-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--ice-500));transition:width 1.2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 16px rgba(161,26,82,.45), inset 0 1px 0 rgba(255,255,255,.3);position:relative}
@keyframes shine{0%{opacity:0;transform:translateX(-100%)}50%{opacity:1}100%{opacity:0;transform:translateX(100%)}}

/* Project Icon Styling */
.ratio-16x9 i{font-size:clamp(3rem,8vw,5rem)!important}
.project-icon-wrapper{
  aspect-ratio:16/9;width:100%;margin-bottom:var(--sp-3);
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--wash),var(--ice));
  border-radius:var(--radius-sm);
  border:2px solid var(--line);
  position:relative;overflow:hidden;
  transition:transform .3s ease,box-shadow .3s ease;
}
.project-icon-wrapper::before{
  content:'';position:absolute;top:0;left:0;right:0;bottom:0;
  background:radial-gradient(circle at 50% 50%,rgba(161,26,82,.08),transparent 70%);
  opacity:0;transition:opacity .3s ease;
}
.project-icon-wrapper:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(2,8,23,.12)}
.project-icon-wrapper:hover::before{opacity:1}
.project-icon-wrapper i{
  font-size:clamp(4rem,12vw,7rem)!important;
  color:var(--brand);
  opacity:.8;
  position:relative;z-index:1;
  filter:drop-shadow(0 4px 8px rgba(161,26,82,.15));
  transition:transform .3s ease,opacity .3s ease;
}
.project-icon-wrapper:hover i{transform:scale(1.05);opacity:1}

/* Approach Icon Wrapper */
.approach-icon-wrapper{
  --icon-color:var(--brand);
  width:48px;height:48px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,rgba(247,215,234,.3),rgba(188,220,243,.3));
  border-radius:12px;
  border:1px solid var(--line);
  flex-shrink:0;
  transition:transform .2s ease,box-shadow .2s ease;
}
.approach-icon-wrapper i{font-size:1.3rem;color:var(--icon-color)!important}
.approach-icon-wrapper:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(2,8,23,.1)}