@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Dancing+Script:wght@700&family=Oswald:wght@400;500;700&family=Teko:wght@500;700&family=Space+Mono:wght@400;700&display=swap";@font-face{font-family:Rockybilly;src:url(/Rockybilly.ttf) format("truetype");font-weight:400;font-style:normal}:root{--bg-color: #0A0F0D;--accent-color: #84B179;--accent-light: #A2CB8B;--text-primary: #d2e2d4;--text-secondary: #C7EABB;--secondary-color: #1a221f;--hud-bg: rgba(10, 15, 13, .85);--hud-cell-bg: rgba(132, 177, 121, .05);--panel-gradient-start: #111a15;--glitch-text-gradient: linear-gradient(135deg, #E8F5BD, #A2CB8B);--parallax-gradient: radial-gradient(ellipse at top center, #1a221f, var(--bg-color) 70%);--font-sans: "Oswald", sans-serif;--font-heading: "Teko", sans-serif;--font-heading-2: "Rockybilly", "Teko", sans-serif;--font-mono: "Space Mono", monospace}:root.light-mode{--bg-color: #7b7b79;--accent-color: #1A1A1A;--accent-light: #444444;--text-primary: #ffffff;--text-secondary: #000000;--secondary-color: #000000;--hud-bg: rgba(201, 201, 201, .95);--hud-cell-bg: rgba(0, 0, 0, .03);--panel-gradient-start: #E8E8E4;--glitch-text-gradient: linear-gradient(135deg, #111111, #555555);--parallax-gradient: radial-gradient(ellipse at top center, #E2E2DE, var(--bg-color) 70%)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100%}html{font-size:110%}body{background-color:var(--bg-color);background-image:repeating-linear-gradient(-45deg,rgba(132,177,121,.15),rgba(132,177,121,.15) 2px,transparent 2px,transparent 12px);background-attachment:fixed}:root.light-mode body{background-image:repeating-linear-gradient(-45deg,rgba(0,0,0,.05),rgba(0,0,0,.05) 1px,transparent 1px,transparent 16px);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .5s ease,color .5s ease}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url(/bg.png);background-repeat:no-repeat;background-size:fill;background-position:center -200px;opacity:.04}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:00;text-transform:uppercase;margin-bottom:.5em;line-height:1;letter-spacing:1px}h1 i,h2 i,h3 i,h4 i,h5 i,h6 i,em{font-style:italic}.mono{font-family:var(--font-mono)}a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--text-primary)}button{font-family:var(--font-mono);background:transparent;border:none;color:inherit;cursor:pointer}.split-screen-container{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans)}.split-pane{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;cursor:pointer;transition:clip-path .5s cubic-bezier(.25,1,.5,1),filter .5s ease;background-color:transparent;z-index:5}.left-pane{clip-path:polygon(0 0,55% 0,45% 100%,0 100%);align-items:flex-start;padding-left:10vw}.right-pane{clip-path:polygon(55% 0,100% 0,100% 100%,45% 100%);align-items:flex-end;padding-right:10vw;background-color:#111}.left-pane.expanded{clip-path:polygon(0 0,65% 0,55% 100%,0 100%);z-index:6}.left-pane.shrunk{clip-path:polygon(0 0,45% 0,35% 100%,0 100%);filter:brightness(.3) grayscale(1)}.right-pane.expanded{clip-path:polygon(45% 0,100% 0,100% 100%,35% 100%);z-index:6}.right-pane.shrunk{clip-path:polygon(65% 0,100% 0,100% 100%,55% 100%);filter:brightness(.3) grayscale(1)}.pane-content{max-width:400px;display:flex;flex-direction:column;z-index:10;position:relative}.right-content{align-items:flex-end;text-align:right}.number-indicator{color:var(--accent-color);font-size:1.2rem;font-weight:700;letter-spacing:4px;margin-bottom:10px}.role-title{font-family:var(--font-heading);font-size:5rem;font-weight:700;line-height:.9;letter-spacing:2px;margin-bottom:20px;color:var(--text-primary);text-shadow:4px 4px 0px rgba(132,177,121,.4);transition:transform .3s ease,color .3s ease}.left-pane:hover .role-title{color:var(--accent-color);text-shadow:4px 4px 0px rgba(236,232,225,.2);transform:translate(20px)}.right-pane:hover .role-title{color:var(--accent-color);text-shadow:-4px 4px 0px rgba(236,232,225,.2);transform:translate(-20px)}.role-subtitle{color:var(--text-secondary);font-size:1rem;letter-spacing:1px;margin-bottom:40px}.valorant-bg-decor{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.huge-watermark{position:absolute;font-family:var(--font-heading);font-size:30vw;font-weight:800;color:#050f7f1a;line-height:.8;z-index:0}.p-left .huge-watermark{top:10%;left:-5%}.p-right .huge-watermark{bottom:10%;right:-5%}.val-ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}.ui-corner{position:absolute;width:40px;height:40px;border-color:var(--accent-color);border-style:solid}.tl{top:40px;left:40px;border-width:4px 0 0 4px}.tr{top:40px;right:40px;border-width:4px 4px 0 0}.bl{bottom:40px;left:40px;border-width:0 0 4px 4px}.br{bottom:40px;right:40px;border-width:0 4px 4px 0}.center-target{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.target-box{width:60px;height:60px;border:2px dashed rgba(236,232,225,.3);transform:rotate(45deg)}.enter-btn{font-weight:700;letter-spacing:3px;color:var(--text-secondary);opacity:.5;transition:all .3s ease}.split-pane:hover .enter-btn{opacity:1;color:var(--accent-color)}.split-socials{display:flex;gap:20px;margin-top:50px;opacity:.8}.social-icon-btn{color:var(--text-primary);background-color:var(--secondary-color);padding:10px;border-radius:0;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);transition:all .3s}.social-icon-btn:hover{background-color:var(--accent-color);transform:scale(1.1)}@media(max-width:768px){.split-screen-container{flex-direction:column}.split-pane{position:relative;width:100vw;height:50vh;padding:2rem!important;align-items:center!important;text-align:center!important;clip-path:none!important}.left-pane,.right-pane{background-color:transparent}.left-pane{border-bottom:2px solid var(--accent-color)}.pane-content{align-items:center!important;text-align:center!important}.role-title{font-size:3rem}.center-target{display:none}.left-pane.expanded,.right-pane.expanded,.left-pane.shrunk,.right-pane.shrunk{clip-path:none!important;filter:none!important;z-index:auto}}.story-mode{position:relative;margin-left:80px;margin-right:80px;width:calc(100% - 160px);min-height:100vh;color:var(--text-primary);background-color:transparent;padding-bottom:5rem}.parallax-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--parallax-gradient);z-index:0;pointer-events:none}.parallax-layer{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-size:100px 100px;opacity:.3}.fast-particle{background-image:radial-gradient(circle,var(--text-primary) 1px,transparent 1px);background-size:80px 80px}.slow-particle{background-image:radial-gradient(circle,var(--accent-color) 2px,transparent 2px);background-size:250px 250px;opacity:.15}.grid-lines{position:absolute;width:100vw;height:100vh;bottom:0;left:0;background-size:50px 50px;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);transform-origin:bottom center;opacity:.4}.content-wrapper{position:relative;z-index:10;width:100%;margin:0;padding:0 4rem}.hero-section{min-height:90vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:5rem;overflow:hidden}.hero-watermark{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;pointer-events:none;z-index:0;overflow:hidden;padding-left:0;gap:0}.watermark-big{font-family:Bebas Neue,Teko,sans-serif;font-weight:400;line-height:.85;letter-spacing:.02em;-webkit-user-select:none;user-select:none;white-space:nowrap;display:block;color:transparent;-webkit-text-stroke:2px rgba(162,203,139,.35);font-size:clamp(8rem,18vw,20rem);transform:translate(-1%);transition:-webkit-text-stroke-color .4s ease}:root.light-mode .watermark-big{-webkit-text-stroke-color:rgba(100,100,100,.2)}.watermark-script{font-family:Dancing Script,Caveat,cursive;font-weight:700;line-height:1;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;white-space:nowrap;display:block;color:var(--accent-color);opacity:.65;font-size:clamp(5rem,11vw,13rem);transform:translate(6%,-20%) rotate(-4deg);transition:opacity .4s ease}:root.light-mode .watermark-script{color:var(--accent-color);opacity:.3}.hero-section:hover .watermark-big{-webkit-text-stroke-color:rgba(162,203,139,.55)}.hero-section:hover .watermark-script{opacity:.8}:root.light-mode .hero-section:hover .watermark-big{-webkit-text-stroke-color:rgba(100,100,100,.35)}:root.light-mode .hero-section:hover .watermark-script{opacity:.45}@media(max-width:768px){.hero-watermark{display:none}}.tech-doodles-container{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.tech-doodle{position:absolute;color:var(--accent-color);opacity:.15}:root.light-mode .tech-doodle{opacity:.1}.doodle-1{top:20%;left:10%}.doodle-2{top:60%;right:15%}.doodle-3{bottom:15%;left:20%}.doodle-4{top:30%;right:30%}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;width:100%}.hero-left{display:flex;flex-direction:column;align-items:flex-start}.hero-right{display:flex;justify-content:center;align-items:center;transform:scale(.9);transform-origin:center right}.hero-name{font-size:8rem;line-height:.9;letter-spacing:-3px;margin-bottom:2rem;white-space:pre-wrap;background:var(--glitch-text-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;width:100%;position:relative}.hero-social-links{position:relative;display:flex;gap:15px;opacity:1}.social-icon-btn{width:50px;height:50px;background-color:var(--secondary-color);border-radius:12px;display:flex;justify-content:center;align-items:center;color:var(--text-primary);transition:all .3s ease}.social-icon-btn:hover{background-color:var(--accent-color);transform:translateY(-5px) scale(1.05);color:#fff;box-shadow:0 10px 20px #0000004d}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{animation:glitchLines 3s infinite linear alternate-reverse;clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%);color:var(--text-primary);-webkit-text-fill-color:var(--text-primary)}@keyframes glitchLines{0%{clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%)}20%{clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%)}40%{clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%)}60%{clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%)}80%{clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}to{clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}}.hero-title{font-size:2.6rem;color:var(--accent-color);letter-spacing:2px}.hero-desc{margin-top:1rem;font-size:1.5rem;color:var(--text-secondary)}.scramble-text{display:inline-block;min-height:24px}.experience-path{position:fixed;left:100px;top:0;bottom:0;width:2px;background-color:var(--secondary-color);z-index:5;pointer-events:none}@media(max-width:768px){.experience-path{display:none}}.speed-line{width:100%;background-color:var(--accent-color);box-shadow:0 0 10px var(--accent-color);transition:height .1s linear}.chapter{padding:10rem 0 5rem 60px;position:relative}.chapter-title{font-size:1.15rem;color:var(--accent-color);letter-spacing:4px;margin-bottom:3rem;display:flex;align-items:center}.chapter-title:before{content:"";display:inline-block;width:30px;height:2px;background-color:var(--accent-color);margin-right:15px}.about-text{font-size:1.8rem;line-height:1.6;max-width:800px;color:var(--text-secondary);margin-top:-25rem}.about-label{font-size:.85rem;letter-spacing:4px;color:var(--accent-color);margin:0 0 1.2rem;display:flex;align-items:center;gap:12px}.about-label:before{content:"";display:inline-block;width:30px;height:2px;background-color:var(--accent-color);flex-shrink:0}.about-intro-line{font-size:1rem;letter-spacing:2px;color:var(--text-secondary);margin:0 0 .5rem;font-style:italic}.about-role-inline{color:var(--accent-color);font-style:normal;font-weight:700}.about-display-title{position:relative;display:block;line-height:1;margin-top:-.5rem;margin-bottom:2rem;overflow:visible;-webkit-user-select:none;user-select:none;height:60vh}.about-big-word{display:block;font-family:Bebas Neue,Teko,sans-serif;font-weight:800;font-size:clamp(25rem,14vw,16rem);line-height:.9;letter-spacing:.02em;white-space:nowrap;color:var(--text-primary);opacity:.08}:root.light-mode .about-big-word{color:#000}.about-script-word{display:block;font-family:Dancing Script,Caveat,cursive;font-weight:700;font-size:clamp(12rem,12vw,16rem);line-height:1;letter-spacing:-.02em;white-space:nowrap;color:var(--accent-color);opacity:.8;margin-top:-3.5rem;transform:rotate(-10deg);position:relative;z-index:2}:root.light-mode .about-script-word{opacity:.7}@media(max-width:768px){.about-big-word{font-size:clamp(4rem,22vw,8rem);white-space:normal;word-break:break-word}.about-script-word{font-size:clamp(3rem,15vw,6rem);margin-top:-2rem}}.experience-list{display:flex;flex-direction:column;gap:3rem;padding-left:20px;border-left:2px solid var(--secondary-color);position:relative}.experience-item{position:relative}.exp-timeline-dot{position:absolute;left:-27px;top:5px;width:12px;height:12px;background-color:var(--accent-color);border-radius:50%;box-shadow:0 0 10px var(--accent-color)}.exp-content{background-color:var(--hud-bg);padding:2rem;border:1px solid var(--secondary-color);transition:transform .3s ease,border-color .3s ease,background-color .3s ease}.exp-content:hover{transform:translate(10px);border-color:var(--accent-color)}.exp-role{font-size:1.8rem;margin-bottom:.5rem;color:var(--text-primary)}.exp-company{color:var(--accent-color)}.exp-period{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:1.5rem;letter-spacing:2px}.exp-desc{list-style:none;font-size:1.1rem;color:var(--text-secondary);line-height:1.6}.exp-desc li{margin-bottom:.8rem;position:relative;padding-left:20px}.exp-desc li:before{content:">";position:absolute;left:0;color:var(--accent-color);font-family:var(--font-mono)}.projects-section{padding-right:4rem}.sticky-title{display:block;margin-bottom:2rem}.project-collage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));grid-auto-rows:450px;gap:2.5rem;width:100%}.project-collage-card{position:relative;overflow:hidden;background-color:var(--secondary-color);transition:transform .4s ease,filter .4s ease,box-shadow .4s ease;cursor:crosshair;border:1px solid transparent;border-radius:20px;filter:grayscale(.6) sepia(.3) hue-rotate(-60deg) brightness(.7)}.project-collage-card:before{content:"";position:absolute;top:-30px;right:-30px;width:80px;height:80px;background-color:var(--bg-color);border-radius:50%;z-index:5;box-shadow:inset 0 0 10px #00000080}.project-collage-card:after{content:"";position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:30%;height:8px;background-color:var(--secondary-color);border-radius:4px;z-index:5;transition:all .4s ease}.project-collage-card:hover:after{background-color:var(--accent-color);box-shadow:0 0 10px var(--accent-color)}.project-collage-card:hover{transform:scale(1.02);filter:grayscale(0) brightness(1.2);border:1px solid var(--accent-color);box-shadow:0 0 30px #84b17933;z-index:10}.project-collage-grid:has(.project-collage-card:hover) .project-collage-card:not(:hover){filter:grayscale(1) brightness(.2);transform:scale(.98)}.collage-bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.project-collage-card:hover .collage-bg-img{transform:scale(1.08)}.parallax-layer{position:absolute;inset:0;pointer-events:none}.interactive-spotlight{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;transition:background .1s ease}.parallax-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.collage-content{position:absolute;inset:0;padding:3rem;background:linear-gradient(transparent,#0a0f0de6 20%,#0a0f0dfa 80%);opacity:1;clip-path:circle(0% at 100% 0%);transition:clip-path .5s cubic-bezier(.25,1,.5,1);display:flex;flex-direction:column;justify-content:flex-end;z-index:10}.project-collage-card:hover .collage-content{clip-path:circle(150% at 100% 0%)}.collage-content h4{font-family:var(--font-heading);font-size:4rem;color:var(--text-primary);margin-bottom:.5rem;text-shadow:2px 2px 0px rgba(132,177,121,.5);transform:translateY(20px);transition:transform .4s ease .1s}.project-collage-card:hover .collage-content h4{transform:translateY(0)}.collage-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;max-width:80%;transform:translateY(20px);transition:transform .5s ease .15s}.project-collage-card:hover .collage-content p{transform:translateY(0)}.project-links{display:flex;gap:15px;margin-top:1.5rem;transform:translateY(20px);transition:transform .6s ease}.project-collage-card:hover .project-links{transform:translateY(0)}.hud-btn{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background-color:#84b1791a;color:var(--text-primary);border-radius:50%;border:1px solid rgba(132,177,121,.3);transition:all .3s ease;z-index:10}.hud-btn:hover{background-color:var(--accent-color);color:#0a0f0d;border-color:var(--accent-color);box-shadow:0 0 20px #84b17999;transform:scale(1.1)}.tech-stack{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{font-size:.8rem;color:var(--text-primary);background-color:var(--accent-color);padding:4px 10px;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}.skills-hud{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;background:var(--hud-bg);padding:2rem;border:1px solid rgba(132,177,121,.1);border-radius:4px;box-shadow:inset 0 0 50px #00000080;transition:background-color .5s ease}@media(max-width:768px){.story-mode{margin-left:0;margin-right:0;width:100%;padding-bottom:80px}.content-wrapper{padding:0 1.5rem}.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-left{align-items:center;width:100%}.hero-right{display:none!important}.hero-name{font-size:3.5rem}.hero-actions{flex-direction:column;width:100%}.download-btn{width:100%;justify-content:center}.project-collage-grid{grid-template-columns:1fr;grid-auto-rows:350px}.collage-content h4{font-size:2.5rem}.collage-content{padding:2rem}.skills-hud{grid-template-columns:1fr}.hero-bg-accent{display:none}}.hud-cell{background-color:var(--hud-cell-bg);transition:background-color .5s ease;padding:1.5rem;border:1px solid var(--secondary-color);position:relative;overflow:hidden}.hud-cell:before{content:"";position:absolute;top:0;left:0;width:5px;height:5px;border-top:1px solid var(--accent-color);border-left:1px solid var(--accent-color)}.hud-cell:after{content:"";position:absolute;bottom:0;right:0;width:5px;height:5px;border-bottom:1px solid var(--accent-color);border-right:1px solid var(--accent-color)}.hud-label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:15px;letter-spacing:1px}.progress-bar{height:14px;width:100%;background:repeating-linear-gradient(90deg,var(--secondary-color),var(--secondary-color) 12px,transparent 12px,transparent 16px);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%)}.progress-fill{height:100%;background:repeating-linear-gradient(90deg,var(--accent-color),var(--accent-color) 12px,transparent 12px,transparent 16px);box-shadow:inset 0 0 5px #e8f5bd80;transition:width 1s ease-out}.contact-section{padding-bottom:10rem;padding-left:4rem;padding-right:4rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-desc{font-size:1.5rem;color:var(--text-secondary);line-height:1.6}.contact-method{display:flex;flex-direction:column;gap:.5rem}.method-label{color:var(--accent-color);font-size:.9rem;letter-spacing:2px}.method-link{font-size:2rem;color:var(--text-primary);word-break:break-all}.availability-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background-color:var(--hud-bg);border:1px solid var(--secondary-color);width:fit-content;font-size:.9rem;color:var(--text-primary);margin-top:2rem}.pulse-dot{width:10px;height:10px;background-color:#22c55e;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.contact-form{display:flex;flex-direction:column;gap:1.5rem;background-color:var(--hud-bg);padding:3rem;border:1px solid var(--secondary-color)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;color:var(--text-secondary);letter-spacing:2px}.form-group input,.form-group textarea{background-color:var(--bg-color);border:1px solid var(--secondary-color);color:var(--text-primary);padding:1rem;font-family:var(--font-mono);font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease,background-color .5s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 15px #84b1794d}.form-group input.error,.form-group textarea.error{border-color:#ef4444}.error-text{color:#ef4444;font-size:.8rem}.submit-btn{position:relative;background-color:transparent;color:var(--text-primary);padding:1.2rem;font-size:1.1rem;font-weight:700;letter-spacing:2px;margin-top:1rem;border:1px solid var(--accent-color);box-shadow:0 0 10px #84b1791a;cursor:pointer;overflow:hidden;z-index:1;transition:transform .2s ease,box-shadow .3s ease,color .3s ease}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:var(--accent-color);transition:left .4s ease;z-index:-1}.submit-btn:hover:not(:disabled):before{left:0}.submit-btn:hover:not(:disabled){color:#0a0f0d;box-shadow:0 0 20px #84b17980;transform:translateY(-2px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.success-msg{color:#22c55e;font-size:.9rem;text-align:center;padding:1rem;border:1px solid #22c55e;margin-top:1rem}.server-error{color:#ef4444;font-size:.9rem;text-align:center;padding:1rem;border:1px solid #ef4444}.download-btn{display:inline-block;margin-top:2rem;padding:1rem 2rem;border:1px solid var(--accent-color);color:var(--accent-color);background-color:var(--hud-bg);letter-spacing:2px;transition:all .3s ease}.download-btn:hover{background-color:var(--accent-color);color:#0a0f0d;box-shadow:0 0 20px #84b17966}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.portfolio-footer{width:100%;border-top:1px solid rgba(132,177,121,.1);position:relative;z-index:10}:root.light-mode .portfolio-footer{border-top:1px solid rgba(230,0,0,.1)}.footer-content{display:flex;justify-content:center;align-items:center}.footer-left .copyright{color:var(--text-primary);font-size:.9rem;opacity:.8}.footer-left .version{color:var(--accent-color);font-size:.8rem;opacity:.6}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.footer-social-links{display:flex;gap:1.5rem}.footer-icon{color:var(--text-secondary);transition:color .3s ease,transform .3s ease}.footer-icon:hover{color:var(--accent-light);transform:translateY(-3px)}:root.light-mode .footer-icon:hover{color:var(--accent-color)}.footer-profile-indicator{color:var(--text-secondary);font-size:.8rem;opacity:.4}@media(max-width:768px){.portfolio-footer{padding:2rem 1.5rem;padding-bottom:calc(2rem + 60px)}.footer-content{flex-direction:column;align-items:flex-start;gap:2rem}.footer-right{align-items:flex-start}}.stats-section{width:100%;margin-top:4rem;margin-bottom:4rem}.stats-hud-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%}.stat-card{background:var(--hud-bg);border:1px solid rgba(132,177,121,.15);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative;text-decoration:none;cursor:pointer}:root.light-mode .stat-card{border:1px solid rgba(230,0,0,.15)}.stat-card:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 10px 30px #00000080}.stat-card-header{background:#0003;padding:1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(132,177,121,.1)}:root.light-mode .stat-card-header{background:#0000000d;border-bottom:1px solid rgba(230,0,0,.1)}.stat-icon{color:var(--accent-color)}.stat-card-header h4{margin:0;font-size:1.2rem;color:var(--accent-color);letter-spacing:2px}.stat-card-body{padding:2rem 1.5rem;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.center-content{align-items:center}.stat-metrics{display:flex;justify-content:space-around;width:100%}.metric-cell{display:flex;flex-direction:column;align-items:center;gap:.5rem}.metric-label{font-size:.8rem;color:var(--text-secondary);letter-spacing:1px}.metric-value{font-family:var(--font-heading);font-size:3.5rem;color:var(--accent-color);line-height:1;text-shadow:0 0 15px rgba(132,177,121,.3);text-align:center}.metric-value.text-title{font-size:2rem;display:flex;align-items:center;justify-content:center}.metric-value.text-title sup{font-size:1rem;vertical-align:super}:root.light-mode .metric-value{text-shadow:0 0 15px rgba(230,0,0,.2)}.card-data-wrapper{display:flex;flex-direction:column;gap:1.5rem;width:100%}.badges-container{display:flex;flex-direction:column;align-items:center;gap:.8rem;background:#00000026;padding:1rem;border-radius:4px;border:1px dotted rgba(132,177,121,.2)}:root.light-mode .badges-container{background:#00000008;border-color:#e6000033}.github-svg-wrapper{display:flex;flex-direction:column;gap:1rem;width:100%}.github-stat-img{width:100%;height:auto;transition:filter .3s ease}:root.light-mode .github-stat-img.invertable{filter:invert(1) hue-rotate(180deg) contrast(1.2)}.badges-label{font-size:.75rem;color:var(--accent-color);letter-spacing:1px}.badges-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.lc-badge-img{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(132,177,121,.4));transition:transform .2s}.lc-badge-img:hover{transform:scale(1.15)}.hr-badges-grid{display:flex;flex-direction:column;gap:.5rem;width:100%}.hr-text-badge{display:flex;justify-content:space-between;align-items:center;padding:.4rem .8rem;background:#84b1790d;border-left:2px solid var(--accent-light);border-radius:2px}:root.light-mode .hr-text-badge{background:#e600000d}.hr-badge-stars{color:#ffb800;font-size:.9rem;letter-spacing:1px}.hr-badge-name{font-size:.85rem;color:var(--text-primary)}.loading-pulse{text-align:center;color:var(--accent-color);animation:pulse 1.5s infinite;letter-spacing:3px;font-size:1rem}.error-text{text-align:center;color:#f44;display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:2px}.view-profile-btn{font-family:var(--font-mono);font-size:.9rem;padding:1rem 2rem;border:1px solid var(--accent-light);color:var(--text-primary);background:transparent;cursor:pointer;transition:all .3s;text-align:center}:root.light-mode .view-profile-btn{border-color:var(--accent-color)}.view-profile-btn:hover{background:var(--accent-color);color:#fff}@keyframes pulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@media(max-width:768px){.stats-hud-grid{grid-template-columns:1fr}}.lc-difficulty-row{display:flex;justify-content:space-around;gap:.5rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(132,177,121,.15);width:100%}.lc-diff{display:flex;flex-direction:column;align-items:center;gap:.3rem;flex:1;padding:.5rem .3rem;border-radius:4px}.lc-diff.easy{background:#2baf2b14;border:1px solid rgba(43,175,43,.2)}.lc-diff.medium{background:#ffb30014;border:1px solid rgba(255,179,0,.2)}.lc-diff.hard{background:#ef474314;border:1px solid rgba(239,71,67,.2)}.diff-label{font-size:.65rem;letter-spacing:1px;color:var(--text-secondary)}.lc-diff.easy .diff-label{color:#2baf2b}.lc-diff.medium .diff-label{color:#ffb300}.lc-diff.hard .diff-label{color:#ef4743}.diff-val{font-family:var(--font-heading);font-size:1.6rem;color:var(--text-primary);line-height:1}.github-svg-wrapper{display:flex;flex-direction:column;gap:.5rem;width:100%}.github-stat-img{width:100%;height:auto;border-radius:4px}.certs-section{width:100%;margin-top:0;margin-bottom:4rem}.certs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;width:100%}.cert-card{background:var(--hud-bg);border:1px solid rgba(132,177,121,.15);border-radius:4px;display:flex;flex-direction:column;text-decoration:none;position:relative;overflow:hidden;cursor:pointer;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}:root.light-mode .cert-card{border:1px solid rgba(230,0,0,.15)}.cert-card:hover{transform:translateY(-6px);border-color:var(--accent-color);box-shadow:0 12px 38px #0000008c,0 0 20px #a2cb8b14}.cert-corner{position:absolute;width:8px;height:8px;z-index:2;pointer-events:none;transition:width .3s ease,height .3s ease,opacity .3s ease;opacity:.55}.cert-card:hover .cert-corner{opacity:1;width:12px;height:12px}.cert-corner--tl{top:6px;left:6px;border-top:1px solid var(--accent-color);border-left:1px solid var(--accent-color)}.cert-corner--br{bottom:6px;right:6px;border-bottom:1px solid var(--accent-color);border-right:1px solid var(--accent-color)}.cert-header{background:#0003;padding:.9rem 1.2rem;display:flex;align-items:flex-start;gap:.9rem;border-bottom:1px solid rgba(132,177,121,.1)}:root.light-mode .cert-header{background:#0000000d;border-bottom:1px solid rgba(230,0,0,.1)}.cert-icon{font-size:2rem;line-height:1;flex-shrink:0;margin-top:2px}.cert-meta{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.cert-issuer{font-size:1rem;letter-spacing:2px;color:var(--accent-color);text-transform:uppercase}.cert-issued{font-size:.8rem;color:var(--text-secondary);letter-spacing:1px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.cert-expiry{color:#a2cb8b80;font-size:.6rem;display:none}.cert-link-icon{color:var(--text-secondary);flex-shrink:0;margin-top:3px;opacity:.4;transition:opacity .2s ease,color .2s ease}.cert-card:hover .cert-link-icon{color:var(--accent-color);opacity:1}.cert-body{padding:1.2rem;display:flex;flex-direction:column;gap:.8rem;flex:1}.cert-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary);line-height:1.4;letter-spacing:.5px}.cert-id{margin:0;font-size:.6rem;color:var(--text-secondary);letter-spacing:1px;opacity:.6;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cert-skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.cert-skill-tag{font-size:1rem;letter-spacing:1.5px;padding:3px 8px;border:1px solid rgba(132,177,121,.25);border-radius:2px;color:var(--accent-color);background:#a2cb8b0f;text-transform:uppercase;transition:background .2s ease,border-color .2s ease}.cert-card:hover .cert-skill-tag{background:#a2cb8b1f;border-color:#84b17980}:root.light-mode .cert-skill-tag{border-color:#e6000033;color:var(--accent-color);background:#e600000a}.cert-active-bar{position:absolute;bottom:0;left:0;height:2px;width:0%;background:var(--accent-color);box-shadow:0 0 10px var(--accent-color);transition:width .4s ease}.cert-card:hover .cert-active-bar{width:100%}@media(max-width:768px){.certs-grid{grid-template-columns:1fr}}.edu-section{width:100%;margin-bottom:4rem}.edu-timeline{display:flex;flex-direction:column;gap:0}.edu-card{display:flex;gap:2rem;position:relative}.edu-icon-col{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:48px}.edu-icon-wrap{width:48px;height:48px;background:var(--hud-bg);border:1px solid rgba(132,177,121,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-color);flex-shrink:0;position:relative;z-index:2;transition:border-color .3s ease,box-shadow .3s ease}.edu-card:hover .edu-icon-wrap{border-color:var(--accent-color);box-shadow:0 0 16px #84b17933}.edu-card--current .edu-icon-wrap{border-color:var(--accent-color);box-shadow:0 0 14px #84b17940}.edu-connector{flex:1;width:2px;background:var(--secondary-color);margin:4px 0;min-height:2.5rem}.edu-body{flex:1;background:var(--hud-bg);border:1px solid rgba(132,177,121,.12);border-radius:4px;padding:1.8rem 2rem;margin-bottom:1.5rem;position:relative;overflow:hidden;transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease}:root.light-mode .edu-body{border-color:#00000014}.edu-card:hover .edu-body{border-color:var(--accent-color);box-shadow:0 8px 30px #00000059;transform:translate(6px)}.edu-card--current .edu-body{border-color:#84b1794d}.edu-body:before,.edu-body:after{content:"";position:absolute;width:8px;height:8px;opacity:.4;transition:opacity .3s ease,width .3s ease,height .3s ease}.edu-body:before{top:6px;left:6px;border-top:1px solid var(--accent-color);border-left:1px solid var(--accent-color)}.edu-body:after{bottom:6px;right:6px;border-bottom:1px solid var(--accent-color);border-right:1px solid var(--accent-color)}.edu-card:hover .edu-body:before,.edu-card:hover .edu-body:after{opacity:1;width:12px;height:12px}.edu-active-badge{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;letter-spacing:2px;color:var(--accent-color);margin-bottom:.8rem;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.5}}.edu-degree{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:var(--text-primary);letter-spacing:1px;text-transform:none;margin:0 0 .4rem;line-height:1.2}.edu-institution{font-size:1.05rem;color:var(--accent-color);font-weight:500;margin:0 0 1rem;letter-spacing:.5px}.edu-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem}.edu-meta-item{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--text-secondary);letter-spacing:1.5px;opacity:.8}.edu-grade{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--accent-color);padding:4px 12px;border:1px solid rgba(132,177,121,.25);border-radius:2px;background:var(--hud-cell-bg)}:root.light-mode .edu-grade{border-color:#0000001f}.edu-progress-bar{position:absolute;bottom:0;left:0;height:2px;width:0%;background:var(--accent-color);box-shadow:0 0 8px var(--accent-color);transition:width .4s ease}.edu-card:hover .edu-progress-bar{width:100%}@media(max-width:768px){.edu-card{gap:1rem}.edu-icon-col{width:36px}.edu-icon-wrap{width:36px;height:36px}.edu-degree{font-size:1.2rem}.edu-body{padding:1.2rem}}.sidebar{position:fixed;top:0;bottom:0;width:60px;background-color:var(--secondary-color);z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:width .3s ease,background-color .3s ease;overflow:hidden;box-shadow:0 0 15px #000c}.sidebar:hover{width:80px;background-color:#3f3f45}.app-container>.sidebar{left:0}.app-container:has(.story-mode-game) .sidebar{right:0;left:auto;border-left:2px solid var(--accent-color)}.app-container:has(.story-mode-fullstack) .sidebar{left:0;right:auto;border-right:2px solid var(--accent-color)}.sidebar-content{display:flex;flex-direction:column;align-items:center;gap:20px;opacity:.6;transition:opacity .3s ease}.sidebar:hover .sidebar-content{opacity:1}.return-icon{color:var(--accent-color)}.reset-hint{font-size:.7rem;letter-spacing:2px;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);margin-top:10px}.vertical-label-container{flex-grow:1;display:flex;align-items:center}.vertical-text{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:1.5rem;white-space:nowrap;letter-spacing:4px;color:#888}.sidebar:hover .vertical-text{color:var(--text-primary)}.sidebar-edge{position:absolute;top:0;bottom:0;width:4px;background-color:var(--accent-color)}.edge-left{right:0}.edge-right{left:0}@media(max-width:768px){.sidebar{top:auto;bottom:0;left:0!important;right:0!important;width:100%!important;height:60px;flex-direction:row;justify-content:space-around;padding:0 1rem;border-left:none!important;border-right:none!important;border-top:2px solid var(--accent-color)}.sidebar:hover{width:100%!important;height:80px}.sidebar-content{flex-direction:row;width:100%;justify-content:space-between;gap:0}.vertical-label-container,.reset-hint,.sidebar-edge{display:none}}.app-container{width:100vw;min-height:100vh;position:relative;overflow:clip}.theme-toggle{position:fixed;top:20px;right:20px;z-index:9999;background-color:var(--secondary-color);color:var(--text-primary);width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 10px #00000080;transition:transform .3s ease,background-color .3s ease}.theme-toggle:hover{transform:scale(1.1);background-color:var(--accent-color);color:#fff}.transitioning:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--accent-color);z-index:9998;animation:wipeInOut 1.2s cubic-bezier(.77,0,.175,1);transform-origin:left;pointer-events:none}@keyframes wipeInOut{0%{transform:scaleX(0);transform-origin:left}45%{transform:scaleX(1);transform-origin:left}55%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}