*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
    :root{
      --bg-deep:#1a1210;
      --bg-card:#231c18;
      --bg-card-hover:#2e241e;
      --accent:#d4a574;
      --accent-dim:#b8895a;
      --accent-glow:rgba(212,165,116,.15);
      --accent-glow-strong:rgba(212,165,116,.35);
      --green:#8cbf7f;
      --green-dim:rgba(140,191,127,.12);
      --amber:#e0b860;
      --amber-dim:rgba(224,184,96,.1);
      --red:#d47272;
      --red-dim:rgba(212,114,114,.1);
      --purple:#b8a0d4;
      --purple-dim:rgba(184,160,212,.1);
      --gold:#d4b06a;
      --text-primary:#f0e8e0;
      --text-secondary:#a89888;
      --text-dim:#7a6b5e;
      --border:rgba(212,165,116,.1);
      --border-hover:rgba(212,165,116,.25);
      --font-display:'Outfit',sans-serif;
      --font-mono:'Space Mono',monospace;
    }
    html{scroll-behavior:smooth;font-size:18px}
    body{font-family:var(--font-display);background:var(--bg-deep);color:var(--text-primary);line-height:1.65;overflow-x:hidden}
    body::before{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(212,165,116,.008) 3px,rgba(212,165,116,.008) 6px);pointer-events:none;z-index:9999}
    body::after{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(212,165,116,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(212,165,116,.02) 1px,transparent 1px);background-size:70px 70px;pointer-events:none;z-index:-1}
    a{color:var(--accent);text-decoration:none;transition:all .3s ease}
    a:hover{color:#fff;text-shadow:0 0 8px var(--accent-glow-strong)}
    .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
    .reveal.visible{opacity:1;transform:translateY(0)}
 
    /* Nav */
    nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(26,18,16,.9);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:0 40px;transition:all .3s ease}
    nav.scrolled{box-shadow:0 4px 30px rgba(0,0,0,.4)}
    .nav-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:64px}
    .nav-logo{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);letter-spacing:2px;font-weight:700}
    .nav-logo span{color:var(--text-dim)}
    .nav-links{display:flex;gap:28px;list-style:none}
    .nav-links a{font-size:.72rem;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary);position:relative}
    .nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s ease}
    .nav-links a:hover{color:var(--accent);text-shadow:none}
    .nav-links a:hover::after{width:100%}
    .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:8px}
    .hamburger span{display:block;width:24px;height:2px;background:var(--accent);transition:all .3s ease}
 
    /* Hero */
    .hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 40px 80px}
    .hero-content{max-width:800px;text-align:left}
    .hero-tag{font-family:var(--font-mono);font-size:.72rem;color:var(--accent);letter-spacing:3px;text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:12px}
    .hero-tag::before{content:'';width:40px;height:1px;background:var(--accent)}
    .hero h1{font-size:clamp(2.6rem,5.5vw,4.2rem);font-weight:800;line-height:1.08;margin-bottom:24px;letter-spacing:-1px}
    .hero h1 .accent{background:linear-gradient(135deg,var(--accent),var(--amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .hero-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:580px;line-height:1.75;margin-bottom:36px}
    .hero-ctas{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:48px}
    .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:6px;font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease;cursor:pointer;border:none}
    .btn-primary{background:var(--accent);color:var(--bg-deep)}
    .btn-primary:hover{background:#fff;color:var(--bg-deep);box-shadow:0 0 30px var(--accent-glow-strong);text-shadow:none}
    .btn-ghost{background:transparent;color:var(--accent);border:1px solid rgba(212,165,116,.3)}
    .btn-ghost:hover{border-color:var(--accent);background:rgba(212,165,116,.05);text-shadow:none}
 
    /* Hero badges — horizontal row below CTA */
    .hero-badges{display:flex;gap:14px;flex-wrap:wrap}
    .hero-badge{padding:14px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;text-align:center;min-width:140px}
    .hero-badge .badge-icon{font-size:1.4rem;margin-bottom:4px}
    .hero-badge .badge-label{font-family:var(--font-mono);font-size:.55rem;color:var(--accent);letter-spacing:2px;text-transform:uppercase}
    .hero-badge .badge-value{font-size:1.1rem;font-weight:700;margin-top:2px}
 
    /* Sections */
    .section{padding:90px 40px;max-width:1100px;margin:0 auto}
    .section-header{margin-bottom:50px}
    .section-label{font-family:var(--font-mono);font-size:.68rem;color:var(--accent);letter-spacing:3px;text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:14px}
    .section-label::before{content:'';width:24px;height:1px;background:var(--accent)}
    .section-title{font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:700;letter-spacing:-.5px}
    .section-subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:12px;max-width:560px}
 
    /* About */
    .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
    .about-text p{color:var(--text-secondary);margin-bottom:18px;font-size:.95rem}
    .about-text p strong{color:var(--text-primary)}
    .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:22px;text-align:center;transition:all .3s ease}
    .stat-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-3px)}
    .stat-number{font-size:1.6rem;font-weight:800;color:var(--accent);font-family:var(--font-mono)}
    .stat-label{font-size:.62rem;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;margin-top:6px}
 
    /* CTF */
    .ctf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
    .ctf-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:26px;transition:all .3s ease}
    .ctf-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 16px 50px rgba(0,0,0,.3)}
    .ctf-placement{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.66rem;letter-spacing:1.5px;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:12px}
    .placement-gold{color:var(--gold);background:rgba(212,176,106,.1);border:1px solid rgba(212,176,106,.2)}
    .placement-top{color:var(--green);background:var(--green-dim);border:1px solid rgba(140,191,127,.2)}
    .ctf-name{font-size:1.05rem;font-weight:700;margin-bottom:6px}
    .ctf-detail{font-size:.8rem;color:var(--text-dim);margin-bottom:4px}
    .ctf-domains{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
    .ctf-domains span{padding:3px 10px;background:rgba(212,165,116,.05);border:1px solid var(--border);border-radius:4px;font-size:.64rem;color:var(--text-secondary);font-family:var(--font-mono)}
 
    /* Timeline */
    .timeline{position:relative;padding-left:36px}
    .timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent),transparent)}
    .timeline-item{position:relative;margin-bottom:40px;padding:26px 28px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;transition:all .3s ease}
    .timeline-item:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}
    .timeline-item::before{content:'';position:absolute;left:-43px;top:32px;width:10px;height:10px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent-glow-strong)}
    .timeline-date{font-family:var(--font-mono);font-size:.68rem;color:var(--accent-dim);letter-spacing:1.5px;margin-bottom:8px}
    .timeline-role{font-size:1.1rem;font-weight:700;margin-bottom:4px}
    .timeline-company{font-size:.85rem;color:var(--text-secondary);margin-bottom:12px}
    .timeline-desc{font-size:.85rem;color:var(--text-dim);line-height:1.7}
    .timeline-desc li{margin-bottom:6px;list-style:none;padding-left:16px;position:relative}
    .timeline-desc li::before{content:'▸';position:absolute;left:0;color:var(--accent)}
 
    /* Skills */
    .skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
    .skill-category{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:26px;transition:all .3s ease}
    .skill-category:hover{border-color:var(--border-hover);transform:translateY(-3px)}
    .skill-category-icon{font-size:1.5rem;margin-bottom:12px}
    .skill-category-title{font-size:.66rem;font-family:var(--font-mono);color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}
    .skill-tags{display:flex;flex-wrap:wrap;gap:7px}
    .skill-tag{padding:5px 13px;background:rgba(212,165,116,.05);border:1px solid rgba(212,165,116,.1);border-radius:20px;font-size:.72rem;color:var(--text-secondary);transition:all .3s ease}
    .skill-tag:hover{border-color:var(--accent);color:var(--accent);background:rgba(212,165,116,.1)}
 
    /* Projects */
    .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px}
    .project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:28px;position:relative;overflow:hidden;transition:all .4s ease;display:flex;flex-direction:column}
    .project-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--amber));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
    .project-card:hover::before{transform:scaleX(1)}
    .project-card:hover{border-color:var(--border-hover);transform:translateY(-5px);box-shadow:0 20px 60px rgba(0,0,0,.3)}
    .project-category-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.6rem;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-bottom:12px;width:fit-content}
    .cat-security{color:var(--red);background:var(--red-dim)}
    .cat-cloud{color:var(--amber);background:var(--amber-dim)}
    .cat-dev{color:var(--purple);background:var(--purple-dim)}
    .project-name{font-size:1.1rem;font-weight:700;margin-bottom:10px}
    .project-desc{font-size:.82rem;color:var(--text-dim);line-height:1.7;margin-bottom:18px;flex:1}
    .project-tech{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}
    .project-tech span{padding:3px 9px;background:rgba(212,165,116,.05);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:.62rem;color:var(--text-secondary)}
    .project-link{font-family:var(--font-mono);font-size:.7rem;letter-spacing:1px;display:inline-flex;align-items:center;gap:6px}
 
    /* Certs */
    .cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
    .cert-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:24px;display:flex;gap:18px;align-items:flex-start;transition:all .3s ease}
    .cert-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}
    .cert-icon{flex-shrink:0;width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:rgba(212,165,116,.08);border:1px solid var(--border)}
    .cert-info{flex:1}
    .cert-name{font-size:.92rem;font-weight:600;margin-bottom:4px}
    .cert-issuer{font-size:.78rem;color:var(--text-dim);margin-bottom:6px}
    .cert-date{font-family:var(--font-mono);font-size:.64rem;color:var(--accent-dim);letter-spacing:1px}
 
    /* Contact */
    .contact-section{text-align:center;padding:90px 40px 110px;max-width:650px;margin:0 auto}
    .contact-section .section-title{font-size:clamp(1.8rem,3.5vw,2.6rem);margin-bottom:18px}
    .contact-subtitle{color:var(--text-secondary);font-size:.98rem;margin-bottom:36px}
    .contact-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:36px}
    .contact-chip{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.82rem;transition:all .3s ease}
    .contact-chip:hover{border-color:var(--accent);color:var(--accent);text-shadow:none}
    .contact-chip .chip-icon{font-size:1rem}
 
    footer{text-align:center;padding:28px 40px;border-top:1px solid var(--border);font-size:.72rem;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:1px}
 
    @media(max-width:900px){
      .about-grid{grid-template-columns:1fr;gap:36px}
      .nav-links{display:none}
      .hamburger{display:flex}
      .nav-links.open{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:rgba(26,18,16,.97);padding:24px 40px;gap:20px;border-bottom:1px solid var(--border)}
    }
    @media(max-width:600px){
      .section{padding:50px 20px}
      .hero{padding:100px 20px 60px}
      .projects-grid,.cert-grid,.ctf-grid{grid-template-columns:1fr}
      .hero-badges{flex-direction:column}
    }