*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --bg: #060610;
      --surface: #0c0c1a;
      --card: #10101e;
      --border: #1e1e35;
      --accent: #6c63ff;
      --accent-glow: rgba(108,99,255,0.25);
      --green: #00e5a0;
      --orange: #ff7b3a;
      --text: #dcdcf0;
      --muted: #dcdcf0;
      --font-display: 'Rajdhani', sans-serif;
      --font-mono: 'JetBrains Mono', monospace;
    }
    html { scroll-behavior: smooth; }
    body { background:var(--bg);color:var(--text);font-family:var(--font-mono);overflow-x:hidden;}
    body::after{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:9990;}
    nav{position:fixed;top:0;left:0;right:0;z-index:200;padding:1.2rem 5rem;display:flex;align-items:center;justify-content:space-between;transition:background .3s,border-color .3s;}
    nav.scrolled{background:rgba(6,6,16,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);}
    .logo{font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:.05em;color:var(--text);}
    .logo span{color:var(--accent);}
    .nav-links{display:flex;gap:2.2rem;list-style:none;}
    .nav-links a{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s;}
    .nav-links a:hover{color:var(--accent);}
    #hero{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:8rem 5rem 4rem;gap:4rem;position:relative;overflow:hidden;}
    .hero-bg-hex{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34z' fill='none' stroke='%231e1e35' stroke-width='1'/%3E%3C/svg%3E");opacity:.5;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black,transparent);}
    .hero-orb{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(108,99,255,.12),transparent 65%);top:50%;left:40%;transform:translate(-50%,-50%);pointer-events:none;}
    .hero-content{position:relative;z-index:1;}
    .hero-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green);border:1px solid rgba(0,229,160,.25);padding:.3rem 1rem;border-radius:2px;margin-bottom:2rem;animation:fadeUp .6s ease both;}
    .hero-badge::before{content:'';width:7px;height:7px;background:var(--green);border-radius:50%;animation:pulse 1.6s ease infinite;}
    @keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,229,160,.4)}50%{box-shadow:0 0 0 6px rgba(0,229,160,0)}}
    h1{font-family:var(--font-display);font-size:clamp(3.2rem,6.5vw,5.5rem);font-weight:700;line-height:.95;letter-spacing:-.01em;margin-bottom:.6rem;animation:fadeUp .6s .1s ease both;}
    h1 .hl{color:var(--accent);}
    .hero-sub{font-size:.78rem;color:var(--muted);margin-bottom:2.2rem;animation:fadeUp .6s .2s ease both;}
    .hero-sub b{color:var(--orange);font-weight:400;}
    .hero-desc{font-size:1rem;line-height:1.9;color:var(--muted);max-width:460px;margin-bottom:2.8rem;animation:fadeUp .6s .3s ease both;}
    .hero-ctas{display:flex;gap:1rem;animation:fadeUp .6s .4s ease both;}
    .btn{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:.8rem 2rem;border-radius:3px;text-decoration:none;transition:all .25s;}
    .btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent);}
    .btn-primary:hover{background:transparent;color:var(--accent);box-shadow:0 0 30px var(--accent-glow);}
    .btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border);}
    .btn-ghost:hover{border-color:var(--accent);color:var(--accent);}
    .hero-panel{position:relative;z-index:1;animation:fadeUp .8s .2s ease both;}
    .panel{background:var(--card);border:1px solid var(--border);border-radius:6px;overflow:hidden;box-shadow:0 0 60px rgba(108,99,255,.08),0 40px 80px rgba(0,0,0,.5);}
    .panel-bar{background:var(--surface);padding:.8rem 1.2rem;display:flex;align-items:center;gap:.55rem;border-bottom:1px solid var(--border);}
    .dot{width:10px;height:10px;border-radius:50%;}.dot.r{background:#ff5f57;}.dot.y{background:#ffbd2e;}.dot.g{background:#28c840;}
    .panel-file{margin-left:auto;font-size:.65rem;color:var(--muted);}
    .code{padding:1.4rem 1.6rem;font-size:.75rem;line-height:2;}
    .ln{color:#2a2a44;margin-right:1.4rem;user-select:none;}
    .kw{color:#cf7bff;}.fn{color:#7bcfff;}.st{color:var(--green);}.cm{color:#3a3a55;font-style:italic;}.nm{color:var(--orange);}
    .blink{display:inline-block;width:2px;height:.9em;background:var(--accent);vertical-align:text-bottom;animation:blink .9s step-end infinite;}
    @keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
    .stats-row{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
    .stat{padding:2.2rem 1rem;text-align:center;border-right:1px solid var(--border);}
    .stat:last-child{border-right:none;}
    .stat-n{font-family:var(--font-display);font-size:2.6rem;font-weight:700;color:var(--accent);line-height:1;margin-bottom:.35rem;}
    .stat-l{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);}
    section{padding:6rem 5rem;}
    .sec-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin-bottom:.7rem;}
    .sec-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;letter-spacing:.01em;margin-bottom:3rem;}
    #skills{background:var(--surface);}
    .skills-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
    .skill-card{background:var(--card);border:1px solid var(--border);border-radius:4px;padding:1.8rem;transition:border-color .3s,transform .3s,box-shadow .3s;position:relative;overflow:hidden;}
    .skill-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--green));transform:scaleX(0);transform-origin:left;transition:transform .4s;}
    .skill-card:hover{border-color:rgba(108,99,255,.4);transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.3);}
    .skill-card:hover::before{transform:scaleX(1);}
    .sk-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;}
    .sk-icon{font-size:1.8rem;}
    .sk-name{font-family:var(--font-display);font-size:1.05rem;font-weight:700;}
    .sk-level{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding:.15rem .55rem;border-radius:2px;}
    .level-pro{background:rgba(0,229,160,.12);color:var(--green);border:1px solid rgba(0,229,160,.25);}
    .level-mid{background:rgba(108,99,255,.12);color:var(--accent);border:1px solid rgba(108,99,255,.25);}
    .level-ini{background:rgba(255,123,58,.12);color:var(--orange);border:1px solid rgba(255,123,58,.25);}
    .sk-desc{font-size:1rem;color:var(--muted);line-height:1.75;margin-bottom:1.1rem;}
    .sk-tags{display:flex;flex-wrap:wrap;gap:.4rem;}
    .tag{font-size:.62rem;padding:.2rem .55rem;border:1px solid var(--border);color:var(--muted);border-radius:2px;}
    .proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;}
    .proj-card{background:var(--card);border:1px solid var(--border);border-radius:4px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s;cursor:none;}
    .proj-card:hover{transform:translateY(-5px);border-color:rgba(108,99,255,.35);box-shadow:0 24px 60px rgba(0,0,0,.4);}
    .proj-thumb{height:160px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;position:relative;}
    .t1{background:linear-gradient(135deg,#0e0e20,#1a1630);}.t2{background:linear-gradient(135deg,#0e1a16,#142a1e);}
    .t3{background:linear-gradient(135deg,#1a100a,#2e1a0e);}.t4{background:linear-gradient(135deg,#0e0e1a,#141428);}
    .proj-badge{position:absolute;top:.8rem;right:.8rem;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .55rem;border-radius:2px;}
    .badge-web{background:rgba(108,99,255,.15);color:var(--accent);border:1px solid rgba(108,99,255,.3);}
    .badge-game{background:rgba(0,229,160,.1);color:var(--green);border:1px solid rgba(0,229,160,.25);}
    .badge-api{background:rgba(255,123,58,.1);color:var(--orange);border:1px solid rgba(255,123,58,.25);}
    .proj-body{padding:1.4rem;}
    .proj-name{font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin-bottom:.4rem;}
    .proj-desc{font-size:1rem;color:var(--muted);line-height:1.75;margin-bottom:1.1rem;}
    .proj-foot{display:flex;align-items:center;justify-content:space-between;}
    .proj-stack{display:flex;gap:.4rem;}
    .proj-links{display:flex;gap:.8rem;}
    .plink{font-size:.68rem;color:var(--muted);text-decoration:none;transition:color .2s;}
    .plink:hover{color:var(--accent);}
    #experience{background:var(--surface);}
    .tl{position:relative;padding-left:2rem;}
    .tl::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--accent),var(--green),transparent);}
    .tl-item{position:relative;padding:0 0 3rem 2.5rem;}
    .tl-item::before{content:'';position:absolute;left:-5px;top:4px;width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent-glow);}
    .tl-date{font-size:.65rem;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.45rem;}
    .tl-co{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:.2rem;}
    .tl-role{font-size:.74rem;color:var(--green);margin-bottom:.8rem;}
    .tl-desc{font-size:1rem;color:var(--muted);line-height:1.8;max-width:540px;}
    #contact{text-align:center;position:relative;overflow:hidden;}
    .contact-orb{position:absolute;width:700px;height:300px;border-radius:50%;background:radial-gradient(ellipse,rgba(108,99,255,.08),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;}
    .contact-email{font-family:var(--font-display);font-size:clamp(1.6rem,3.5vw,2.8rem);font-weight:700;color:var(--text);text-decoration:none;display:block;margin:1.2rem 0 2.5rem;transition:color .3s;position:relative;}
    .contact-email:hover{color:var(--accent);}
    .socials{display:flex;justify-content:center;gap:1rem;list-style:none;position:relative;}
    .socials a{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-decoration:none;border:1px solid var(--border);padding:.65rem 1.3rem;border-radius:3px;transition:all .25s;}
    .socials a:hover{border-color:var(--accent);color:var(--accent);}
    footer{background:var(--surface);border-top:1px solid var(--border);padding:1.8rem 5rem;display:flex;justify-content:space-between;align-items:center;font-size:.68rem;color:var(--muted);}
    @keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
    ::-webkit-scrollbar{width:3px;}::-webkit-scrollbar-track{background:var(--bg);}::-webkit-scrollbar-thumb{background:var(--accent);}
    @media(max-width:900px){
      #hero{grid-template-columns:1fr;padding:7rem 2rem 4rem;}
      .hero-panel{display:none;}
      nav{padding:1.2rem 2rem;}.nav-links{display:none;}
      section{padding:4rem 2rem;}
      .stats-row{grid-template-columns:repeat(2,1fr);}
      .skills-wrap{grid-template-columns:1fr;}
      .proj-grid{grid-template-columns:1fr;}
      footer{flex-direction:column;gap:.5rem;text-align:center;}
    }