/* home.css — index page only styles */

  /* ── HOME-ONLY STYLES ── */

  /* HERO */
  .hero{min-height:100vh;display:flex;align-items:center;padding:7rem 0 4rem;position:relative;overflow:hidden}
  .hero-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:center}
  @media(max-width:900px){.hero-inner{grid-template-columns:1fr}}

  .hero-eyebrow{font-family:var(--mono);font-size:.65rem;color:var(--g2);letter-spacing:.25em;margin-bottom:1.2rem;opacity:0;animation:up .5s .1s forwards;display:flex;align-items:center;gap:.7rem}
  .hero-eyebrow::before{content:'';display:block;width:28px;height:1px;background:var(--g2)}
  .hero-h1{font-family:var(--display);font-size:clamp(3.5rem,8vw,7.5rem);line-height:.92;letter-spacing:.02em;color:#fff;opacity:0;animation:up .7s .25s forwards}
  .hero-h1 em{display:block;font-style:normal;color:var(--g);text-shadow:0 0 60px rgba(0,255,136,.35)}
  .hero-h1 small{display:block;font-size:clamp(2rem,5vw,4.5rem);color:var(--g2);text-shadow:0 0 40px rgba(0,212,255,.25)}
  .hero-roles{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;opacity:0;animation:up .6s .45s forwards}
  .role-pill{font-family:var(--mono);font-size:.62rem;color:var(--text);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:.35rem .8rem;border-radius:20px;letter-spacing:.08em}
  .hero-sub{font-family:var(--mono);font-size:.72rem;color:var(--muted);line-height:1.9;max-width:420px;margin-top:1.4rem;opacity:0;animation:up .6s .55s forwards}
  .hero-ctas{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem;opacity:0;animation:up .6s .7s forwards}

  .hero-right{opacity:0;animation:up .8s .4s forwards}

  /* Quick stats */
  .qstats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(0,255,136,.07);border:1px solid rgba(0,255,136,.07);border-radius:6px;overflow:hidden;margin-top:4rem}
  @media(max-width:700px){.qstats{grid-template-columns:repeat(2,1fr)}}
  .qstat{background:var(--bg2);padding:1.5rem;text-align:center;transition:background .2s;position:relative}
  .qstat:hover{background:rgba(0,255,136,.03)}
  .qstat-n{font-family:var(--display);font-size:2.2rem;color:var(--g);line-height:1;text-shadow:0 0 20px rgba(0,255,136,.25)}
  .qstat-l{font-family:var(--mono);font-size:.56rem;color:var(--muted);letter-spacing:.14em;margin-top:.3rem;text-transform:uppercase}

  /* STATUS badge */
  .status-pill{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.6rem;color:var(--g);background:rgba(0,255,136,.06);border:1px solid rgba(0,255,136,.14);padding:.4rem .9rem;border-radius:20px;letter-spacing:.1em;margin-bottom:2rem;opacity:0;animation:up .5s .9s forwards}
  .status-dot{width:6px;height:6px;border-radius:50%;background:var(--g);box-shadow:0 0 6px var(--g);animation:blink 2s infinite}

  /* PROJECTS GRID */
  .projects-sec{padding:6rem 0;border-top:1px solid rgba(0,255,136,.06)}
  .proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
  @media(max-width:900px){.proj-grid{grid-template-columns:1fr}}

  .proj-card{background:var(--bg2);border:1px solid rgba(0,255,136,.07);border-radius:8px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column}
  .proj-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(0,0,0,.4),0 0 30px rgba(0,255,136,.05);border-color:rgba(0,255,136,.2)}
  .proj-card-accent{height:3px}
  .acc-g{background:linear-gradient(90deg,var(--g),var(--g2))}
  .acc-b{background:linear-gradient(90deg,var(--g2),var(--g3))}
  .acc-p{background:linear-gradient(90deg,var(--g3),var(--g))}
  .proj-body{padding:1.6rem;flex:1;display:flex;flex-direction:column}
  .proj-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.9rem}
  .proj-title{font-family:var(--display);font-size:1.6rem;color:#fff;letter-spacing:.04em;margin-bottom:.6rem;line-height:1.05}
  .proj-desc{font-family:var(--mono);font-size:.67rem;color:var(--muted);line-height:1.85;flex:1;margin-bottom:1.2rem}
  .proj-meta{display:flex;justify-content:space-between;align-items:center;padding-top:.9rem;border-top:1px solid rgba(0,255,136,.06)}
  .proj-impact{font-family:var(--mono);font-size:.6rem;color:var(--g2);letter-spacing:.08em}
  .proj-link{font-family:var(--mono);font-size:.62rem;color:var(--g);text-decoration:none;letter-spacing:.1em;transition:color .2s,gap .2s;display:flex;align-items:center;gap:.3rem;cursor:none}
  .proj-link:hover{color:#fff;gap:.6rem}

  /* SKILLS OVERVIEW */
  .skills-sec{padding:6rem 0;border-top:1px solid rgba(0,255,136,.06)}
  .skills-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
  @media(max-width:800px){.skills-layout{grid-template-columns:1fr}}
  .skill-domain{background:var(--bg2);border:1px solid rgba(0,255,136,.07);border-radius:6px;padding:1.6rem;transition:border-color .2s}
  .skill-domain:hover{border-color:rgba(0,255,136,.18)}
  .skill-domain-name{font-family:var(--display);font-size:1.2rem;color:#fff;letter-spacing:.05em;margin-bottom:.4rem}
  .skill-domain-desc{font-family:var(--mono);font-size:.63rem;color:var(--muted);line-height:1.7;margin-bottom:.9rem}
  .skill-bar-wrap{display:flex;align-items:center;gap:.8rem;margin-bottom:.4rem}
  .skill-bar-label{font-family:var(--mono);font-size:.6rem;color:var(--text);letter-spacing:.08em;width:110px;flex-shrink:0}
  .skill-bar-track{flex:1;height:3px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}
  .skill-bar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--g),var(--g2));transform:scaleX(0);transform-origin:left;transition:transform .8s .3s ease}
  .skill-bar-track.animated .skill-bar-fill{transform:scaleX(1)}

  /* PLATFORMS STRIP */
  .platforms-sec{padding:6rem 0;border-top:1px solid rgba(0,255,136,.06)}
  .plat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
  @media(max-width:800px){.plat-strip{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:440px){.plat-strip{grid-template-columns:1fr}}
  .plat-card{background:var(--bg2);border:1px solid rgba(0,212,255,.07);border-radius:6px;padding:1.5rem;transition:all .25s}
  .plat-card:hover{border-color:rgba(0,212,255,.22);transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.3)}
  .plat-ico{font-family:var(--mono);font-size:1rem;color:var(--g2);margin-bottom:.8rem;letter-spacing:.1em}
  .plat-name{font-family:var(--display);font-size:1.1rem;color:#fff;letter-spacing:.05em;margin-bottom:.25rem}
  .plat-rank{font-family:var(--mono);font-size:.6rem;color:var(--g);margin-bottom:.5rem;letter-spacing:.08em}
  .plat-desc{font-family:var(--mono);font-size:.62rem;color:var(--muted);line-height:1.7;margin-bottom:.8rem}
  .plat-link{font-family:var(--mono);font-size:.58rem;color:var(--g2);text-decoration:none;letter-spacing:.1em;transition:color .2s;cursor:none}
  .plat-link:hover{color:#fff}

  /* CONTACT CTA */
  .cta-sec{padding:6rem 0;border-top:1px solid rgba(0,255,136,.06);text-align:center}
  .cta-inner{max-width:600px;margin:0 auto;position:relative}
  .cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:200px;background:radial-gradient(ellipse,rgba(0,255,136,.05) 0%,transparent 70%);pointer-events:none}
  .cta-email{font-family:var(--display);font-size:clamp(1.6rem,4vw,2.8rem);color:var(--g);text-decoration:none;letter-spacing:.06em;transition:color .2s,text-shadow .2s;text-shadow:0 0 24px rgba(0,255,136,.18);cursor:none;display:block;margin-bottom:1.5rem}
  .cta-email:hover{color:#fff;text-shadow:0 0 50px rgba(0,255,136,.45)}
  .cta-sub{font-family:var(--mono);font-size:.7rem;color:var(--muted);line-height:1.8;margin-bottom:2rem}