@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Share+Tech+Mono&family=Rajdhani:wght@300;400;600;700&display=swap";.noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E")}:root{--green: #00ff88;--green-dim: #00c864;--green-glow: rgba(0,255,136,.15);--dark: #030a06;--dark2: #06120a;--dark3: #0a1a10;--gray: #8899aa;--white: #e8f5ee;--border: rgba(0,255,136,.18);--font-display: "Orbitron", sans-serif;--font-mono: "Share Tech Mono", monospace;--font-body: "Rajdhani", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--dark);color:var(--white);font-family:var(--font-body);overflow-x:hidden;cursor:none}#scroll-progress{position:fixed;top:0;left:0;height:2px;width:0%;background:linear-gradient(90deg,var(--green-dim),var(--green));z-index:9999;transition:width .1s linear;box-shadow:0 0 8px var(--green)}#cursor-dot{position:fixed;width:8px;height:8px;background:var(--green);border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);box-shadow:0 0 10px var(--green),0 0 20px var(--green-glow);transition:width .15s,height .15s}#cursor-ring{position:fixed;width:32px;height:32px;border:1.5px solid rgba(0,255,136,.6);border-radius:50%;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);transition:width .2s,height .2s,border-color .2s}body.cursor-hover #cursor-dot{width:12px;height:12px}body.cursor-hover #cursor-ring{width:50px;height:50px;border-color:var(--green)}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(0,255,136,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.04) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{background-position:0 0}to{background-position:60px 60px}}.matrix-rain-canvas-global{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1;opacity:.18}.noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E")}#navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;width:auto;max-width:calc(100vw - 2rem);background:#030e088c;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(0,255,136,.22);border-radius:999px;padding:0 10px;height:56px;display:flex;align-items:center;gap:6px;box-shadow:0 0 0 1px #00ff880f,0 4px 32px #0000008c,0 0 40px #00ff8814,inset 0 1px #00ff881f;transition:box-shadow .4s ease,border-color .4s ease}#navbar:hover{border-color:#00ff8859;box-shadow:0 0 0 1px #00ff881a,0 4px 40px #0009,0 0 60px #00ff8821,inset 0 1px #00ff882e}.nav-logo{font-family:var(--font-display);font-size:.78rem;letter-spacing:.12em;text-decoration:none;padding:0 18px 0 12px;height:38px;display:flex;align-items:center;gap:2px;border-radius:999px;background:#00ff8812;border:1px solid rgba(0,255,136,.15);margin-right:4px;transition:background .3s,border-color .3s;white-space:nowrap}.nav-logo:hover{background:#00ff8821;border-color:#00ff8859}.nav-logo .slash{color:var(--green);text-shadow:0 0 8px var(--green)}.nav-logo .name{color:var(--white)}.nav-divider{width:1px;height:22px;background:#00ff8826;margin:0 4px;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:2px;list-style:none;padding:0;margin:0}.nav-links a{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:.68rem;color:#8899aad9;text-decoration:none;letter-spacing:.1em;text-transform:uppercase;padding:8px 16px;border-radius:999px;position:relative;transition:color .25s ease,background .25s ease;white-space:nowrap}.nav-links a svg{flex-shrink:0;transition:filter .25s ease}.nav-links a:hover{color:var(--green);background:#00ff8812}.nav-links a:hover svg{filter:drop-shadow(0 0 5px var(--green))}.nav-links a.active{color:#0a1a10;background:var(--green);box-shadow:0 0 12px #00ff8880,0 0 28px #00ff8840,inset 0 1px #fff3}.nav-links a.active svg{stroke:#0a1a10;filter:none}.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(0,255,136,.2);background:#00ff880f;cursor:pointer;transition:background .3s,border-color .3s;padding:0}.nav-hamburger:hover{background:#00ff8824;border-color:var(--green)}.nav-hamburger span{display:block;width:16px;height:1.5px;background:var(--green);border-radius:2px;transition:transform .3s ease,opacity .3s ease;transform-origin:center}.nav-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav-mobile-menu{display:none;position:fixed;top:90px;left:50%;transform:translate(-50%);z-index:999;background:#030e08eb;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(0,255,136,.2);border-radius:20px;padding:12px;min-width:220px;box-shadow:0 20px 60px #000000b3,0 0 40px #00ff881a;flex-direction:column;gap:4px;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;transform:translate(-50%) translateY(-8px)}.nav-mobile-menu.open{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.nav-mobile-menu a{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);text-decoration:none;transition:background .2s,color .2s}.nav-mobile-menu a:hover{background:#00ff8814;color:var(--green)}.nav-mobile-menu a.active{background:#00ff881f;color:var(--green);border:1px solid rgba(0,255,136,.25)}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}section{position:relative;z-index:2}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.8rem;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;text-decoration:none;cursor:none;transition:transform .25s,box-shadow .25s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.btn-primary{background:var(--green);color:var(--dark);font-weight:700}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 20px #00ff8880,0 0 40px #0f83}.btn-secondary{background:transparent;color:var(--green);border:1px solid var(--green)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 0 20px #00ff884d;background:#00ff880d}.section-label{font-family:var(--font-mono);font-size:.75rem;color:var(--green);letter-spacing:.2em;display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.section-label:before{content:"";display:inline-block;width:30px;height:1px;background:var(--green)}.section-h2{font-family:var(--font-display);font-weight:900;font-size:clamp(2rem,4vw,3rem);color:var(--white);text-shadow:2px 2px 0 rgba(0,255,136,.2),4px 4px 0 rgba(0,255,136,.1);margin-bottom:2rem}.section-h2 .accent{color:var(--green)}.angled-card{clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));border:1px solid var(--border);background:var(--dark2);transition:border-color .3s,transform .3s,box-shadow .3s}.angled-card:hover{border-color:var(--green);transform:translateY(-4px);box-shadow:0 8px 30px #00ff881a}@media (max-width: 768px){#navbar{top:14px;padding:0 8px;height:50px;gap:4px}.nav-logo{font-size:.7rem;padding:0 14px 0 10px;height:34px}.nav-links,.nav-divider{display:none}.nav-hamburger,.nav-mobile-menu{display:flex}}@keyframes glitch{0%,90%,to{clip-path:none;transform:none}91%{clip-path:polygon(0 10%,100% 10%,100% 40%,0 40%);transform:translate(-4px);color:var(--green)}93%{clip-path:polygon(0 50%,100% 50%,100% 80%,0 80%);transform:translate(4px)}95%{clip-path:polygon(0 20%,100% 20%,100% 35%,0 35%);transform:translate(-3px)}97%{clip-path:none;transform:none}}@keyframes glitch2{0%,90%,to{clip-path:none;transform:none;opacity:0}91%{clip-path:polygon(0 60%,100% 60%,100% 85%,0 85%);transform:translate(6px);opacity:.7;color:#f04}94%{clip-path:polygon(0 15%,100% 15%,100% 30%,0 30%);transform:translate(-5px)}97%{opacity:0}}@keyframes scanLine{0%{top:0;opacity:.4}50%{opacity:.6}to{top:100%;opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.06}50%{transform:scale(1.15);opacity:.12}}@keyframes spin-cw{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spin-ccw{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes floatDown{0%{transform:translateY(-100px);opacity:0}10%{opacity:.08}90%{opacity:.05}to{transform:translateY(100vh);opacity:0}}@keyframes scrollLine{0%{height:30px;opacity:1}50%{height:8px;opacity:.5}to{height:30px;opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes statusBlink{0%,to{opacity:1}45%,55%{opacity:.1}}@keyframes recBlink{0%,to{opacity:1;background:var(--green);box-shadow:0 0 6px var(--green)}50%{opacity:.3;background:var(--green-dim);box-shadow:none}}@keyframes barFill{0%{width:0%}}#hero{min-height:100vh;display:flex;align-items:center;padding:80px 4rem 0;overflow:hidden;position:relative}.hero-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1300px;margin:0 auto;gap:2rem;min-height:calc(100vh - 80px);padding:4rem 1.5rem}.hero-left{position:relative;left:auto;top:auto;transform:none;max-width:600px;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.4rem}.hero-badge{font-family:var(--font-mono);font-size:.7rem;color:var(--green);letter-spacing:.4em;opacity:0}.hero-badge span{color:#00ff8880}.name-bg{font-family:var(--font-display);font-weight:900;font-size:clamp(10rem,20vw,18rem);line-height:.9;color:var(--white);text-transform:uppercase;letter-spacing:-.01em;position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);z-index:1;text-shadow:0 0 15px rgba(0,255,136,.25),0 0 30px rgba(0,255,136,.12),0 0 60px rgba(0,255,136,.06);white-space:nowrap;opacity:0}.name-fg{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,5.5vw,3.8rem);line-height:1;color:var(--green);text-transform:uppercase;letter-spacing:.12em;position:absolute;left:50%;bottom:8%;transform:translate(-50%);z-index:3;text-shadow:0 0 10px rgba(0,255,136,.8),0 0 20px rgba(0,255,136,.5),0 0 40px rgba(0,255,136,.3),2px 2px 4px rgba(0,0,0,.95);white-space:nowrap;opacity:0}@keyframes slideFromLeftCenter{0%{opacity:0;transform:translate(-50%,-50%) translate(-80px)}to{opacity:1;transform:translate(-50%,-50%) translate(0)}}@keyframes slideFromRightCenter{0%{opacity:0;transform:translate(-50%) translate(80px)}to{opacity:1;transform:translate(-50%) translate(0)}}.hero-subtitle{font-family:var(--font-mono);font-size:1rem;color:var(--green);min-height:1.6rem;opacity:0}.hero-subtitle .cursor-char{display:inline-block;animation:blink .9s step-end infinite;color:var(--green);margin-left:2px}.hero-desc{font-family:var(--font-body);font-size:1.05rem;color:#e8f5ee99;line-height:1.8;max-width:520px;opacity:0}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;opacity:0}.hero-socials{display:flex;gap:.8rem;justify-content:center;opacity:0}#hero.hero-loaded .hero-badge{animation:fadeUp .8s .3s forwards}#hero.hero-loaded .name-bg{animation:slideFromLeftCenter 1.8s cubic-bezier(.19,1,.22,1) .3s forwards}#hero.hero-loaded .name-fg{animation:slideFromRightCenter 1.8s cubic-bezier(.19,1,.22,1) .6s forwards}#hero.hero-loaded .photo-container{animation:fadeUp 1s .6s forwards}#hero.hero-loaded .hero-subtitle{animation:fadeUp .8s .7s forwards}#hero.hero-loaded .hero-desc{animation:fadeUp .8s .9s forwards}#hero.hero-loaded .hero-buttons{animation:fadeUp .8s 1.1s forwards}#hero.hero-loaded .hero-socials{animation:fadeUp .8s 1.3s forwards}.social-icon{height:36px;padding:0 14px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--gray);font-size:.72rem;font-family:var(--font-mono);transition:color .3s,border-color .3s,box-shadow .3s;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.social-icon:hover{color:var(--green);border-color:var(--green);box-shadow:0 0 12px #00ff884d}.hero-center{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:700px;height:680px;display:flex;align-items:center;justify-content:center;z-index:2;margin:0 auto;will-change:transform}.photo-glow{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,136,.55) 0%,rgba(0,255,136,.28) 30%,rgba(0,200,100,.12) 60%,transparent 80%);top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(28px);pointer-events:none;z-index:-1;animation:faceGlowPulse 3s ease-in-out infinite}@keyframes faceGlowPulse{0%,to{opacity:.75;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.photo-container{position:relative;width:100%;max-width:440px;aspect-ratio:4 / 5;overflow:hidden;opacity:0;animation:fadeUp 1s .6s forwards;z-index:2}.photo-container img{width:100%;height:100%;object-fit:cover;object-position:center 12%;filter:contrast(1.08) brightness(1.05);mix-blend-mode:screen;display:block;transform:scale(1.15);will-change:transform}.scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);opacity:.45;mix-blend-mode:screen;animation:scanLine 3s linear infinite;top:0}.corner{position:absolute;width:20px;height:20px;z-index:2}.corner-tl{top:-2px;left:-2px;border-top:2px solid var(--green);border-left:2px solid var(--green)}.corner-tr{top:-2px;right:-2px;border-top:2px solid var(--green);border-right:2px solid var(--green)}.corner-bl{bottom:-2px;left:-2px;border-bottom:2px solid var(--green);border-left:2px solid var(--green)}.corner-br{bottom:-2px;right:-2px;border-bottom:2px solid var(--green);border-right:2px solid var(--green)}.photo-status{position:absolute;right:-32px;top:50%;transform:translateY(-50%) rotate(90deg);font-family:var(--font-mono);font-size:.58rem;color:var(--green);letter-spacing:.2em;white-space:nowrap;animation:statusBlink 2s ease infinite}.rec-bar{position:absolute;bottom:-16px;left:0;right:0;background:#030a06cc;border:1px solid var(--border);padding:4px 10px;display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.58rem;color:var(--green);letter-spacing:.15em}.rec-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:recBlink 1.2s ease infinite}.hero-orb{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,136,.06) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:pulseGlow 4s ease-in-out infinite;pointer-events:none;z-index:0}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.6rem;color:#8899aa80;letter-spacing:.2em;z-index:3}.scroll-line{width:1px;height:30px;background:var(--green);animation:scrollLine 2s ease-in-out infinite;box-shadow:0 0 4px var(--green)}#about{height:auto;position:relative;padding:0;min-height:unset;display:block}.about-scroll-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:4rem;max-width:1200px;margin:0 auto;padding:0 6rem 0 4rem;align-items:start}.about-left{padding:18vh 0 130vh;display:flex;flex-direction:column;gap:20vh}.about-right{position:sticky;top:calc(50vh - 260px);height:520px;display:flex;align-items:center;justify-content:center}.about-canvas-wrap{width:420px;height:520px;border-radius:4px;overflow:hidden;background:#0a0a0a}.about-canvas-wrap canvas{display:block;width:100%;height:100%}.about-reveal-block{opacity:0;transform:translateY(36px);transition:opacity .7s ease,transform .7s ease}.about-reveal-block.about-visible{opacity:1;transform:translateY(0)}.about-text{font-family:var(--font-mono);font-size:.95rem;color:#e8f5eeb8;line-height:1.9;margin-bottom:0}.glass-card{background:#00ff880d;border:1px solid rgba(0,255,136,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px}.stats-row{display:flex;gap:1rem}.stat-box{flex:1;padding:1.2rem 1rem;position:relative}.stat-number{font-family:var(--font-mono);font-size:2rem;font-weight:700;color:#0f8;line-height:1}.stat-label{font-family:var(--font-mono);font-size:.62rem;color:var(--gray);letter-spacing:.12em;margin-top:.4rem;text-transform:uppercase}.education-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.education-card{padding:1.4rem 1.2rem}.education-tag{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:#0f8;opacity:.8}.education-name{font-family:var(--font-mono);font-size:1rem;color:var(--white);margin:.6rem 0 .35rem;font-weight:400}.education-detail{font-family:var(--font-mono);font-size:.78rem;color:#e8f5ee99;margin:0}.education-years{font-family:var(--font-mono);font-size:.68rem;color:var(--gray);letter-spacing:.08em;margin:.75rem 0 0}#skills{min-height:100vh;display:flex;align-items:center;padding:6rem 4rem}.skills-inner{max-width:1200px;margin:0 auto;width:100%}.skills-header{text-align:center;margin-bottom:3.5rem}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.skill-card{padding:1.8rem;cursor:default}.skill-icon{font-size:2rem;margin-bottom:.8rem}.skill-title{font-family:var(--font-display);font-size:.82rem;color:var(--green);letter-spacing:.15em;margin-bottom:.5rem}.skill-desc{font-family:var(--font-body);font-size:.9rem;color:var(--gray);margin-bottom:1.2rem;line-height:1.5}.skill-bars{margin-bottom:1rem}.skill-bar-item{margin-bottom:.7rem}.bar-header{display:flex;justify-content:space-between;margin-bottom:4px}.bar-label{font-family:var(--font-mono);font-size:.62rem;color:var(--gray)}.bar-pct{font-family:var(--font-mono);font-size:.6rem;color:var(--gray)}.bar-track{height:2px;background:#ffffff0f;position:relative;overflow:visible}.bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--green-dim),var(--green));box-shadow:0 0 6px var(--green);transition:width 1.5s ease}.skill-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{font-family:var(--font-mono);font-size:.6rem;color:var(--gray);border:1px solid rgba(136,153,170,.25);padding:2px 7px;letter-spacing:.05em}#projects{min-height:100vh;padding:8rem 4rem}.projects-inner{max-width:1200px;margin:0 auto}.projects-header{margin-bottom:3.5rem}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.project-card{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));border:1px solid var(--border);background:var(--dark3);transition:border-color .3s,transform .3s,box-shadow .3s;overflow:hidden}.project-card:hover{border-color:var(--green);transform:translateY(-6px);box-shadow:0 12px 40px #00ff881f}.project-top{height:180px;background:var(--dark);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-code-bg{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;font-family:var(--font-mono);font-size:.58rem;color:#00ff880f;overflow:hidden;line-height:1.6;-webkit-user-select:none;user-select:none}.project-icon{position:relative;font-size:3rem;z-index:1;filter:drop-shadow(0 0 12px rgba(0,255,136,.6))}.project-badge{position:absolute;top:12px;right:12px;font-family:var(--font-mono);font-size:.58rem;color:var(--green);border:1px solid rgba(0,255,136,.3);padding:3px 8px;letter-spacing:.1em;background:#00ff880a;z-index:2}.project-body{padding:1.5rem}.project-title{font-family:var(--font-display);font-size:.95rem;color:var(--white);margin-bottom:.6rem;letter-spacing:.05em}.project-desc{font-family:var(--font-body);font-size:.9rem;color:#e8f5ee99;line-height:1.6;margin-bottom:1rem}.project-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem}.stack-tag{font-family:var(--font-mono);font-size:.6rem;color:var(--green);border:1px solid rgba(0,255,136,.25);background:#00ff880a;padding:3px 8px}.project-links{display:flex;gap:1.5rem}.project-link{font-family:var(--font-mono);font-size:.72rem;color:var(--gray);text-decoration:none;letter-spacing:.08em;transition:color .3s}.project-link:hover{color:var(--green)}#contact{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 4rem;text-align:center}.contact-inner{max-width:800px;width:100%}.contact-subtitle{font-family:var(--font-body);font-size:1.05rem;color:#e8f5ee99;line-height:1.8;max-width:560px;margin:0 auto 3rem}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.contact-card{padding:1.8rem 1rem;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:.6rem;transition:border-color .3s,transform .3s}.contact-card:hover{transform:translateY(-3px)}.contact-card-icon{font-size:1.8rem}.contact-card-label{font-family:var(--font-mono);font-size:.62rem;color:var(--gray);letter-spacing:.15em;text-transform:uppercase}.contact-card-value{font-family:var(--font-body);font-size:.95rem;color:var(--white);transition:color .3s}.contact-card:hover .contact-card-value{color:var(--green)}.cv-box{border:1px solid var(--border);background:#00ff8808;padding:2.5rem;position:relative;overflow:hidden;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));margin-top:1rem}.cv-box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent)}.cv-title{font-family:var(--font-display);font-size:1.1rem;color:var(--white);margin-bottom:.6rem}.cv-desc{font-family:var(--font-body);color:var(--gray);font-size:.9rem;margin-bottom:1.5rem}footer{background:var(--dark2);border-top:1px solid var(--border);padding:1.2rem 4rem;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.footer-left{font-family:var(--font-body);font-size:.85rem;color:var(--gray)}.footer-right{font-family:var(--font-mono);font-size:.65rem;color:var(--green);letter-spacing:.1em}@media (max-width: 900px){#hero{padding:80px 1.5rem 0;min-height:auto}.hero-inner{flex-direction:column;gap:2rem;min-height:auto;padding:2rem 0;position:relative}.hero-left{position:relative;left:auto;bottom:auto;max-width:100%;width:100%;padding-top:0;align-items:center;text-align:center;order:2}.hero-center{position:relative;left:auto;top:auto;transform:none;width:100%;height:auto;min-height:420px;margin:0 auto;order:1}.photo-container{width:320px;height:auto;aspect-ratio:4 / 5}.photo-glow{width:320px;height:320px}.hero-badge{letter-spacing:.15em;font-size:.65rem}.name-bg{font-size:clamp(7rem,17vw,11rem);left:50%;top:35%;transform:translate(-50%,-50%)}.name-fg{font-size:clamp(1.8rem,5.5vw,2.8rem);bottom:15%;left:50%;transform:translate(-50%)}.photo-container img{transform:scale(1.15)}.hero-buttons,.hero-socials{justify-content:center}#about{height:auto;min-height:unset;padding:0}.about-scroll-grid{grid-template-columns:1fr;padding:0 1.5rem;gap:2.5rem}.about-left{padding:0;gap:3rem}.about-right{position:relative;top:auto;height:auto;order:-1}.about-canvas-wrap{width:min(100%,320px);height:auto;aspect-ratio:420 / 520;margin:0 auto}.education-row{grid-template-columns:1fr}#skills{padding:4rem 1.5rem}.skills-grid{grid-template-columns:repeat(2,1fr)}#projects{padding:4rem 1.5rem}.projects-grid{grid-template-columns:1fr}#contact{padding:4rem 1.5rem}.contact-cards{grid-template-columns:1fr}footer{padding:1rem 1.5rem;flex-direction:column;gap:.5rem;text-align:center}.stats-row{flex-direction:column}}@media (max-width: 600px){.skills-grid{grid-template-columns:1fr}.name-bg{font-size:clamp(5rem,15vw,7.5rem);top:32%}.name-fg{font-size:clamp(1.4rem,5vw,2.2rem);bottom:18%}.photo-container{width:260px;height:auto;aspect-ratio:4 / 5}.photo-status{display:none}}body{cursor:default}.loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#000;display:flex;align-items:center;justify-content:center;font-family:Share Tech Mono,monospace;transition:opacity .8s ease,transform .8s ease;overflow:hidden}.loader-overlay.loader-fadeout{opacity:0;transform:scale(1.04);pointer-events:none}.loader-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,136,.015) 2px,rgba(0,255,136,.015) 4px);pointer-events:none;z-index:1;animation:scanMove 8s linear infinite}@keyframes scanMove{0%{background-position:0 0}to{background-position:0 100px}}.loader-matrix-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(0,255,136,.04) 0%,transparent 70%);pointer-events:none;z-index:0;animation:matrixPulse 3s ease-in-out infinite}@keyframes matrixPulse{0%,to{opacity:.6}50%{opacity:1}}.loader-inner{position:relative;z-index:2;width:min(680px,95vw);border:1px solid rgba(0,255,136,.3);background:#030a06f2;padding:2rem 2.5rem;box-shadow:0 0 30px #00ff8814,0 0 80px #00ff880a,inset 0 0 30px #00ff8805;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}.loader-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.loader-bracket{color:#0f86;font-size:1.1rem}.loader-title{color:#0f8;font-size:1.1rem;letter-spacing:.35em;text-shadow:0 0 12px rgba(0,255,136,.8);animation:titleGlitch 4s steps(1) infinite}@keyframes titleGlitch{0%,92%,to{color:#0f8;text-shadow:0 0 12px rgba(0,255,136,.8)}93%{color:#f04;text-shadow:0 0 12px rgba(255,0,68,.8);transform:translate(3px)}95%{color:#0f8;transform:translate(-2px)}97%{color:#0f8;transform:none}}.loader-version{margin-left:auto;color:#0f86;font-size:.7rem;letter-spacing:.15em}.loader-blink{color:#0f8;animation:blink .9s step-end infinite;font-size:1.1rem}.loader-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,136,.35),transparent);margin:.8rem 0}.loader-terminal{min-height:240px;max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:.28rem;scrollbar-width:none}.loader-terminal::-webkit-scrollbar{display:none}.loader-line{font-size:.75rem;letter-spacing:.06em;line-height:1.5;animation:lineAppear .12s ease forwards;text-shadow:0 0 6px currentColor}@keyframes lineAppear{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.loader-cursor-line{display:flex;align-items:center;margin-top:.1rem}.loader-prompt{color:#0f8;font-size:.75rem}.loader-cursor{display:inline-block;width:8px;height:14px;background:#0f8;box-shadow:0 0 8px #0f8;animation:blink .8s step-end infinite;margin-left:2px;vertical-align:middle}.loader-progress-section{margin-top:.6rem}.loader-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.loader-progress-label{font-size:.65rem;color:#00ff8880;letter-spacing:.25em}.loader-progress-pct{font-size:1.4rem;color:#0f8;font-weight:700;letter-spacing:.1em;text-shadow:0 0 16px rgba(0,255,136,.9);min-width:56px;text-align:right}.loader-progress-pct.glitch-text{animation:pctGlitch .15s steps(1) infinite}@keyframes pctGlitch{0%,60%,to{color:#0f8}61%{color:#f46;transform:skew(4deg)}80%{color:#0f8;transform:none}}.loader-bar-track{height:4px;background:#ffffff0f;position:relative;overflow:visible;border:1px solid rgba(0,255,136,.15)}.loader-bar-fill{height:100%;background:linear-gradient(90deg,#00c864,#0f8);box-shadow:0 0 12px #0f8c,0 0 24px #00ff884d;transition:width .08s linear;position:relative}.loader-bar-glow{position:absolute;top:50%;width:2px;height:16px;background:#0f8;box-shadow:0 0 10px 4px #0f89;transform:translate(-50%,-50%);transition:left .08s linear;pointer-events:none}.loader-bar-ticks{display:flex;justify-content:space-between;margin-top:.4rem}.loader-tick{font-size:.58rem;color:#8899aa4d;letter-spacing:.05em;transition:color .3s}.loader-tick.active{color:#00ff8880}.loader-footer{display:flex;justify-content:space-between;margin-top:1rem;font-size:.6rem;color:#89a6;letter-spacing:.12em}.loader-green{color:#0f8;text-shadow:0 0 6px rgba(0,255,136,.6)}@media (max-width: 600px){.loader-inner{padding:1.5rem}.loader-terminal{min-height:180px;max-height:180px}.loader-line{font-size:.65rem}.loader-footer{flex-direction:column;gap:.3rem;align-items:center}}.hero-vp-badge{display:inline-flex;align-items:center;gap:10px;background:#00ff880a;border:1px solid rgba(0,255,136,.15);padding:8px 18px;text-decoration:none;font-family:var(--font-mono);font-size:.8rem;color:var(--green);transition:all .3s cubic-bezier(.19,1,.22,1);margin-bottom:.8rem;opacity:0;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));box-shadow:0 0 15px #00ff8808}.hero-vp-badge:hover{background:#00ff881f;border-color:var(--green);box-shadow:0 0 25px #00ff8840;transform:translateY(-2px);color:#fff}.vp-logo-icon{height:18px;width:auto;object-fit:contain;filter:drop-shadow(0 0 4px rgba(0,255,136,.5));transition:transform .3s ease}.hero-vp-badge:hover .vp-logo-icon{transform:rotate(10deg) scale(1.1)}.vp-arrow{font-size:.7rem;opacity:.75;transition:transform .3s ease}.hero-vp-badge:hover .vp-arrow{transform:translate(2px,-2px)}#hero.hero-loaded .hero-vp-badge{animation:fadeUp .8s 1s forwards}.hero-socials .social-icon{width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center}.contact-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}