*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0f14;--panel:#14171f;--panel2:#191d28;--line:#ebeef51a;--text:#ebeef5;--dim:#90959f;--lime:#c8ff4d;--violet:#9b7fff;--pink:#ff6ec7}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Space Grotesk,sans-serif;overflow-x:hidden}::selection{background:var(--lime);color:var(--bg)}.mono{font-family:JetBrains Mono,monospace}nav{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0d0f14e6,#0000);justify-content:space-between;align-items:center;padding:24px 6vw;display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:.02em;font-size:1.1rem;font-weight:700}.logo span{color:var(--lime)}.nav-links{gap:2.2rem;list-style:none;display:flex}.nav-links a{color:var(--dim);letter-spacing:.05em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.76rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--lime)}.hero{flex-direction:column;justify-content:center;height:100vh;min-height:640px;padding:0 6vw;display:flex;position:relative;overflow:hidden}#hero-canvas{z-index:0;position:absolute;inset:0}.hero-content{z-index:2;pointer-events:none;max-width:760px;position:relative}.eyebrow{color:var(--lime);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:1.2rem;font-family:JetBrains Mono,monospace;font-size:.8rem;display:flex}.eyebrow:before{content:"";background:var(--lime);width:24px;height:1px}.hero h1{font-size:clamp(2.6rem,7vw,5.2rem);font-weight:700;line-height:1.03}.hero h1 span{color:var(--violet)}.hero p{max-width:500px;color:var(--dim);margin-top:1.5rem;font-size:1.05rem;line-height:1.7}.scroll-hint{z-index:2;color:var(--dim);align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:.72rem;display:flex;position:absolute;bottom:36px;left:6vw}.scroll-hint .line{background:linear-gradient(var(--lime), transparent);width:1px;height:30px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}section{padding:130px 6vw;position:relative}.label{color:var(--lime);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.8rem;font-family:JetBrains Mono,monospace;font-size:.78rem}.title{max-width:640px;margin-bottom:2.6rem;font-size:clamp(1.9rem,3.4vw,2.7rem);font-weight:700}.about{align-items:center;min-height:100vh;display:flex;overflow:hidden}#about-canvas{z-index:0;opacity:.9;position:absolute;inset:0}.about-grid{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:5vw;width:100%;display:grid;position:relative}.about-text p{color:var(--dim);margin-bottom:1.15rem;font-size:1rem;line-height:1.85}.about-text strong{color:var(--text);font-weight:600}.bio-strip{color:var(--dim);flex-wrap:wrap;gap:1.6rem;margin-top:2rem;font-family:JetBrains Mono,monospace;font-size:.75rem;display:flex}.bio-strip div span{color:var(--lime);margin-top:2px;font-size:.95rem;display:block}.card-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;display:grid}.skill-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px 20px 18px;transition:transform .2s,border-color .2s}.skill-card:hover{border-color:#c8ff4d66;transform:translateY(-4px)}.skill-card .tag-dot{background:var(--lime);border-radius:50%;width:8px;height:8px;margin-bottom:12px}.skill-card h4{font-size:1rem;font-weight:600}.lang-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;display:grid}.lang-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px}.lang-card .lvl{color:var(--violet);letter-spacing:.06em;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:.7rem}.lang-card h4{margin-bottom:12px;font-size:1.1rem;font-weight:600}.lang-card .bar{background:var(--line);border-radius:2px;height:4px;overflow:hidden}.lang-card .bar i{background:linear-gradient(90deg, var(--lime), var(--violet));height:100%;display:block}.chip-row{flex-wrap:wrap;gap:12px;display:flex}.chip{color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:9px 18px;font-family:JetBrains Mono,monospace;font-size:.78rem;transition:border-color .2s,color .2s}.chip:hover{border-color:var(--pink);color:var(--pink)}.soft-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.soft-card{border-left:2px solid var(--violet);padding:6px 0 6px 18px}.soft-card h4{margin-bottom:4px;font-size:1rem;font-weight:600}.soft-card p{color:var(--dim);font-size:.85rem}.goal-box{background:var(--panel);border:1px solid var(--line);border-radius:12px;max-width:760px;padding:38px 40px;position:relative}.goal-box:before{content:"\"";color:var(--lime);opacity:.5;font-family:Space Grotesk,sans-serif;font-size:4rem;line-height:1;position:absolute;top:10px;left:20px}.goal-box p{color:var(--dim);z-index:1;font-size:1.05rem;line-height:1.8;position:relative}.projects{flex-direction:column;justify-content:center;min-height:100vh;display:flex;overflow:hidden}#projects-canvas{z-index:0;position:absolute;inset:0}.projects-inner,.projects .label,.projects .title{z-index:2;position:relative}.project-grid{z-index:2;perspective:1200px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;display:grid;position:relative}.pcard{border:1px solid var(--line);transform-style:preserve-3d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14171fb8;border-radius:12px;padding:26px 24px 22px;transition:transform .12s ease-out,border-color .3s}.pcard:hover{border-color:#ff6ec773}.pcard .picon{margin-bottom:12px;font-size:1.7rem;transform:translateZ(30px)}.pcard h3{margin-bottom:8px;font-size:1.15rem;font-weight:600;transform:translateZ(40px)}.pcard p{color:var(--dim);margin-bottom:14px;font-size:.88rem;line-height:1.6;transform:translateZ(20px)}.pcard .chip-row{transform:translateZ(20px)}.pcard .chip{padding:5px 12px;font-size:.68rem}.contact-title{max-width:680px;font-size:clamp(2rem,5vw,3.2rem);font-weight:700}.contact-links{flex-wrap:wrap;gap:2.4rem;margin-top:1.8rem;display:flex}.contact-links a{color:var(--text);border-bottom:1px solid var(--line);padding-bottom:4px;font-family:JetBrains Mono,monospace;font-size:.85rem;text-decoration:none;transition:all .2s}.contact-links a:hover{color:var(--lime);border-color:var(--lime)}footer{border-top:1px solid var(--line);color:var(--dim);justify-content:space-between;padding:30px 6vw;font-family:JetBrains Mono,monospace;font-size:.72rem;display:flex}@media (width<=820px){.about-grid{grid-template-columns:1fr}.nav-links{display:none}}