.tech-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;}
.tech-group{padding:1rem 1.2rem;border:1px solid rgba(201,168,76,.12);background:rgba(201,168,76,.02);}
.tech-title{font-family:'Cormorant Garamond',serif;font-size:1.05rem;color:var(--cream);margin-bottom:.3rem;}
.tech-text{font-size:.82rem;color:var(--muted);line-height:1.65;}
.contact-simple{max-width:820px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}
.contact-simple .s-tag{justify-content:center;}
.contact-copy{font-size:1rem;color:var(--muted);line-height:1.85;max-width:650px;margin:0 auto 2.2rem;}
.mail-link{display:flex;align-items:center;gap:1rem;width:min(100%,420px);min-height:82px;padding:1.1rem 1.5rem;border:1px solid rgba(201,168,76,.3);color:var(--cream);text-decoration:none;text-align:left;transition:all .3s;background:rgba(255,255,255,.02);}
.contact-simple .mail-link + .mail-link{margin-top:.8rem;}
.mail-link:hover{border-color:var(--gold);background:rgba(201,168,76,.06);transform:translateY(-2px);}
.mail-icon{width:44px;height:44px;border:1px solid rgba(201,168,76,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mail-icon svg{width:20px;height:20px;color:var(--gold);}
.mail-link small{display:block;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.2rem;}
.mail-link strong{font-weight:400;font-size:1rem;}
@media (max-width:1100px){
  .hero{padding-right:5%;}
  .h-content{max-width:620px;}
  .h-stats{right:2rem;}
  .svc-grid{grid-template-columns:repeat(2,1fr);}
  .about-wrap{grid-template-columns:260px 1fr;gap:3.5rem;}
}
@media (max-width:820px){
  body{cursor:auto;}
  #cur,#cur-ring{display:none;}
  nav{padding:1rem 5%;}
  .n-links{display:none;}
  .n-logo{font-size:1.05rem;}
  .n-cta{padding:.58rem 1rem;font-size:.66rem;}
  .hero{min-height:auto;padding:8.5rem 6% 5rem;display:block;}
  .hero h1{font-size:clamp(2.7rem,12vw,4.3rem);}
  .h-desc{max-width:none;font-size:.98rem;}
  .h-stats{position:relative;right:auto;top:auto;transform:none;flex-direction:row;justify-content:space-between;gap:.8rem;margin-top:3.5rem;animation:fUp .8s ease forwards 1s;}
  .stat{flex:1;text-align:left;padding:0 0 0 1rem;}
  .stat::before{right:auto;left:0;}
  .stat-num{font-size:2.1rem;}
  .scroll-ind{display:none;}
  section{padding:5rem 6%;}
  .svc-grid{grid-template-columns:1fr;}
  .p-steps{grid-template-columns:1fr 1fr;gap:2.5rem 1rem;}
  .p-steps::before{display:none;}
  .cta-section{padding:4rem 6%;flex-direction:column;align-items:flex-start;}
  .cta-btns{width:100%;flex-wrap:wrap;}
  .about-wrap{grid-template-columns:1fr;gap:3.5rem;}
  .about-wrap>div:first-child{max-width:320px;margin:0 auto;width:100%;}
  .a-tabs{overflow-x:auto;white-space:nowrap;padding-bottom:.2rem;}
  .a-tab{padding:.7rem 1rem;}
  .tl-item{grid-template-columns:1fr;gap:.45rem;}
  .skills-grid,.tech-groups,.hobby-grid{grid-template-columns:1fr;}
  .contact{padding:5rem 6%;}
  footer{padding:2rem 6%;flex-direction:column;gap:.7rem;text-align:center;}
  #site{width:100%;overflow-x:hidden;}
  nav{width:100%;max-width:100vw;}
  .hero,.services,.process,#hakkimda,.contact,.cta-section{width:100%;max-width:100vw;margin-left:auto;margin-right:auto;}
  .h-content,.s-title,.s-sub,.cta-text,.contact-simple{max-width:100%;}
  .svc-grid,.p-steps,.about-wrap,.tech-groups,.skills-grid,.hobby-grid{width:100%;min-width:0;}
  .svc,.p-step,.tl-item,.edu-item,.tech-group,.h-item{min-width:0;}
  .ticker-wrap{max-width:100vw;}
}
@media (max-width:520px){
  #intro{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);}
  .i-logo{width:90vw;min-height:0;}
  .i-line{margin-bottom:1.7rem;}
  .i-name{font-size:clamp(1.9rem,10vw,2.55rem);letter-spacing:.08em;line-height:1.15;white-space:normal;}
  .i-title{font-size:.6rem;letter-spacing:.18em;line-height:1.7;text-align:center;padding:0 .75rem;max-width:92vw;}
  .i-hint-btn{width:min(76vw,280px);padding:.8rem 1rem;}
  .hero{padding-top:7.5rem;}
  .h-eyebrow span{font-size:.6rem;letter-spacing:.16em;}
  .h-actions{flex-direction:column;align-items:stretch;}
  .btn-gold,.btn-outline{text-align:center;width:100%;}
  .h-stats{display:grid;grid-template-columns:repeat(3,1fr);}
  .stat-num{font-size:1.65rem;}
  .stat-lbl{font-size:.52rem;letter-spacing:.1em;}
  .p-steps{grid-template-columns:1fr;}
  .cta-btns{flex-direction:column;}
  .mail-link{width:100%;padding:1rem;}
  .mail-link strong{font-size:.9rem;word-break:break-all;}
}

/* Mobile CV stabilization */
@media (max-width:820px){
  #hakkimda{
    padding:5rem 6% !important;
    overflow:hidden;
  }
  #hakkimda .about-wrap{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    width:100%;
    max-width:100%;
    gap:3rem;
  }
  #hakkimda .about-wrap > div{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  #hakkimda .about-wrap > div:first-child{
    width:min(78vw,300px);
    max-width:300px;
    margin:0 auto;
    align-self:center;
  }
  #hakkimda .a-frame{
    width:100%;
    max-width:300px;
    margin:0 auto;
  }
  #hakkimda .a-frame::before{inset:-7px;}
  #hakkimda .a-frame::after{inset:-13px;}
  #hakkimda .a-photo{
    width:100%;
    height:auto;
    aspect-ratio:1/1;
    object-fit:cover;
    object-position:center center;
  }
  #hakkimda .a-badges{width:100%;}
  #hakkimda .a-badge{
    width:100%;
    overflow-wrap:anywhere;
  }
  #hakkimda .a-name,
  #hakkimda .a-role,
  #hakkimda .a-summary,
  #hakkimda .a-panel,
  #hakkimda .timeline,
  #hakkimda .edu-list,
  #hakkimda .skills-grid,
  #hakkimda .tech-groups,
  #hakkimda .hobby-grid{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  #hakkimda .a-name{
    font-size:clamp(2.15rem,10vw,3rem);
    overflow-wrap:anywhere;
  }
  #hakkimda .a-role{
    line-height:1.7;
    letter-spacing:.14em;
    overflow-wrap:anywhere;
  }
  #hakkimda .a-summary,
  #hakkimda .tl-desc,
  #hakkimda .edu-dept,
  #hakkimda .sk-item,
  #hakkimda .h-desc{
    overflow-wrap:anywhere;
    word-break:normal;
    hyphens:auto;
  }
  #hakkimda .a-tabs{
    display:flex;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  #hakkimda .a-tabs::-webkit-scrollbar{display:none;}
  #hakkimda .a-tab{
    flex:0 0 auto;
    padding:.75rem .85rem;
    font-size:.62rem;
    letter-spacing:.11em;
  }
  #hakkimda .tl-item{
    display:block;
    width:100%;
    padding:1.3rem 0;
  }
  #hakkimda .tl-date{
    display:block;
    padding:0 0 .55rem;
    line-height:1.45;
  }
  #hakkimda .tl-company{font-size:1.18rem;}
  #hakkimda .tl-role{line-height:1.55;}
  #hakkimda .tl-desc{font-size:.86rem;line-height:1.75;}
}
@media (max-width:520px){
  #hakkimda{padding:4.5rem 5% !important;}
  #hakkimda .about-wrap > div:first-child{
    width:min(72vw,260px);
    max-width:260px;
  }
  #hakkimda .a-frame{max-width:260px;}
  #hakkimda .a-name{font-size:clamp(2rem,11vw,2.65rem);}
  #hakkimda .a-summary{font-size:.9rem;line-height:1.8;}
  #hakkimda .a-tab{padding:.7rem .7rem;font-size:.58rem;}
  #hakkimda .edu-item,
  #hakkimda .tech-group,
  #hakkimda .h-item{padding:1rem;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}
}