html,body{margin:0;padding:0;scroll-behavior:smooth;overflow-x:hidden;width:100%;min-width:320px}body{background:#0f1021;color:#fff;font-family:Orbitron,Arial,sans-serif;line-height:1.6;min-height:100vh;background-image:linear-gradient(0deg,transparent 24%,rgba(255,255,255,.05) 25%,transparent 26%,transparent 74%,rgba(255,255,255,.05) 75%,transparent 76%,transparent),linear-gradient(90deg,transparent 24%,rgba(255,255,255,.05) 25%,transparent 26%,transparent 74%,rgba(255,255,255,.05) 75%,transparent 76%,transparent);background-size:60px 60px;font-size:clamp(14px,1vw,16px)}header{position:fixed;top:0;left:0;z-index:100;background:#0f1021;margin:0;padding:0;border:none;outline:none;box-shadow:none;width:100%;height:clamp(60px,8vh,80px);display:flex;align-items:center}header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#08f7fe,#ff2a6d,#08f7fe);background-size:200% 100%;animation:gradient-move 3s linear infinite}.nav-content{max-width:min(1200px,90vw);margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(1rem,2vw,2rem);width:100%}.logo{font-size:clamp(1.4rem,2vw,1.7rem);font-weight:900;color:#fff;text-shadow:0 0 8px #08f7fe,0 0 16px #08f7fe;text-decoration:none;letter-spacing:2px;margin-left:1.5rem}.logo:before{display:none}nav{display:flex;gap:clamp(1rem,2vw,2rem);align-items:center}nav a{color:#fff;font-weight:700;font-size:clamp(.9rem,1.2vw,1rem);text-shadow:0 0 8px #08f7fe,0 0 16px #08f7fe;text-decoration:none;transition:all .3s ease;padding:.5rem 1rem;position:relative}nav a:hover{color:#fff;text-shadow:0 0 16px #08f7fe,0 0 32px #08f7fe,0 0 64px #08f7fe;transform:translateY(-2px)}section{max-width:min(900px,85vw);margin:0 auto;padding:clamp(2rem,4vh,4rem) clamp(1rem,2vw,2rem);background:transparent;border-radius:0;box-shadow:none;opacity:0;transform:translateY(40px);transition:opacity .8s,transform .8s}section.visible{opacity:1;transform:none}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(to bottom,#000000b3,#000000e6)}.hero-content{width:100%;max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:2}.hero-image{width:100%;height:60vh;object-fit:cover;border-radius:15px;box-shadow:0 0 30px #08f7fe4d;margin-bottom:2rem}.hero-text{text-align:center;color:#fff}.glow-title{font-size:3.5rem;margin-bottom:1rem;text-shadow:0 0 10px #08f7fe,0 0 20px #08f7fe,0 0 30px #08f7fe}.subtitle{font-size:1.5rem;margin-bottom:2rem;color:#08f7fe}.cta-button{display:inline-block;margin-top:2rem;padding:.5rem 2rem;background:transparent;color:#fff;border:2px solid transparent;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;letter-spacing:1px;transition:all .3s ease;position:relative;text-shadow:0 0 8px #08f7fe;overflow:hidden}.cta-button:before{content:"";position:absolute;inset:0;border-radius:8px;padding:2px;background:linear-gradient(90deg,#08f7fe,#ff2a6d,#08f7fe);background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradient-move 3s linear infinite;box-shadow:0 0 16px #08f7fe,0 0 32px #08f7fe;will-change:background-position;transform:translateZ(0)}.cta-button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(8,247,254,.1),transparent);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.cta-button:hover{transform:translateY(-4px);text-shadow:0 0 16px #08f7fe}.cta-button:active{transform:translateY(-2px)}.skill-lines{margin-top:2rem}.skill-line{margin-bottom:1rem}.skill-name{display:block;margin-bottom:.5rem;font-weight:500;color:#222}.skill-bar{height:10px;background:#eee;border-radius:5px;overflow:hidden}.skill-fill{height:100%;background:#333;border-radius:5px;transition:width .5s ease}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(384px,1fr));gap:2rem;margin:2rem 0 0;padding:0 1vw;justify-items:center}.game-card{box-sizing:border-box;width:384px;aspect-ratio:1 / 1;min-width:0;position:relative;background:transparent;border:2px solid transparent;border-radius:8px;color:#fff;padding:2rem;text-align:center;overflow:hidden;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:none;transition:none}.game-card:before{content:"";position:absolute;inset:0;border-radius:8px;padding:2px;background:linear-gradient(90deg,#08f7fe,#ff2a6d,#08f7fe);background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradient-move 3s linear infinite;z-index:-1}.game-card h3{color:#fff;font-size:1.3rem;margin-bottom:.7rem;text-shadow:0 0 8px #08f7fe,0 0 16px #08f7fe}.game-card p{color:#fff;font-size:1.05rem;margin-bottom:1.2rem;text-shadow:0 0 4px #08f7fe}.game-link{color:#08f7fe;text-shadow:0 0 8px #08f7fe;font-weight:700;border-bottom:1px solid #08f7fe;transition:color .2s,border-color .2s}.game-link:hover{color:#ff2a6d;border-color:#ff2a6d;text-shadow:0 0 12px #ff2a6d}.venok-link{color:#08f7fe;text-shadow:0 0 8px #08f7fe;font-weight:700;text-decoration:none;transition:text-shadow .2s,color .2s}.venok-link:hover{color:#08f7fe;text-shadow:0 0 16px #08f7fe,0 0 32px #08f7fe}.footer-gradient-line{width:100%;height:3px;background:linear-gradient(90deg,#08f7fe,#ff2a6d,#08f7fe);background-size:200% 100%;animation:gradient-move 3s linear infinite;border:none;margin:0}footer{text-align:center;padding:2rem;background:#0f1021;margin-top:0;color:#fff}.footer-copyright{color:#fff;text-shadow:0 0 8px #08f7fe,0 0 16px #08f7fe;margin-bottom:1.5rem}.footer-links{display:flex;justify-content:center;gap:1rem}.footer-socials{display:flex;justify-content:center;gap:1.2rem;margin-bottom:1.5rem}.footer-socials a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#181a2a;border:2px solid #08f7fe;box-shadow:0 0 8px #08f7fe,0 0 16px #08f7fe;color:#08f7fe;font-size:1.5rem;transition:background .2s,color .2s,box-shadow .2s;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.footer-socials a:hover{background:#08f7fe;color:#0f1021;box-shadow:0 0 16px #08f7fe,0 0 32px #08f7fe;transform:translateY(-5px) scale(1.1)}.footer-socials a .fa-discord{color:#08f7fe;transition:color .2s}.footer-socials a:hover .fa-discord{color:#fff}.footer-roblox-icon{width:1.5rem;height:1.5rem;display:block;object-fit:contain;transition:filter .2s}.footer-socials a:hover .footer-roblox-icon{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(102%) contrast(101%) drop-shadow(0 0 8px #08f7fe) drop-shadow(0 0 16px #08f7fe)}@media (max-width: 1100px){.game-grid{grid-template-columns:repeat(2,1fr);max-width:680px}}@media (max-width: 700px){.game-grid{grid-template-columns:1fr;max-width:340px}header{height:clamp(60px,8vh,80px);padding:0}.nav-content{flex-direction:row;justify-content:space-between;padding:0 1rem}.pfp-logo-container{margin-left:0}.desktop-nav{display:none}.mobile-menu-btn{display:block}section{padding:3rem 1rem 1rem;width:100%;box-sizing:border-box}.hero{padding-top:4rem}}.section-title{font-size:2.5rem;text-align:center;font-weight:700;margin-bottom:1rem;letter-spacing:2px;color:#fff;text-shadow:0 0 8px #08f7fe,0 0 16px #08f7fe;position:relative;animation:glitch 3s infinite}.neon-underline{display:block;width:120px;height:6px;margin:.5rem auto 2rem;background:linear-gradient(90deg,#08f7fe,#ff2a6d,#08f7fe);background-size:200% 100%;border-radius:4px;box-shadow:0 0 16px #08f7fe;animation:gradient-move 3s linear infinite}.about-skills-section{margin-top:4rem;margin-bottom:4rem;background:transparent;border-radius:16px;padding:2rem 2rem 3rem;box-shadow:none}.neon-heading{font-size:2rem;color:#fff;font-weight:700;margin-top:2rem;margin-bottom:1rem;text-shadow:0 0 8px #08f7fe,0 0 16px #08f7fe}.about-desc{font-size:1.2rem;color:#fff;margin-bottom:2.5rem;text-shadow:0 0 2px #08f7fe}.neon-skills{margin-top:2rem}.neon-skill{margin-bottom:2rem}.skill-label{color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;display:block;text-shadow:0 0 8px #08f7fe,0 0 16px #08f7fe}.neon-bar{width:100%;height:14px;background:#181a2a;border-radius:8px;box-shadow:0 0 8px #08f7fe;overflow:hidden}.neon-fill{height:100%;background:linear-gradient(90deg,#08f7fe,#ff2a6d,#08f7fe);background-size:200% 100%;box-shadow:0 0 16px #08f7fe;border-radius:8px;transition:width .5s ease;animation:gradient-move 3s linear infinite;will-change:width,background-position;transform:translateZ(0);position:relative;overflow:hidden}.skills-cards-section{margin-top:4rem;margin-bottom:4rem}.skills-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,90vw),1fr));gap:clamp(1rem,2vw,2rem);margin-top:2rem}.skill-card{background:transparent;border:2px solid transparent;border-radius:8px;padding:2rem 1.5rem;text-align:center;color:#fff;position:relative;transition:transform .3s ease;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.skill-card:hover{transform:translateY(-4px) scale(1.02);animation:neon-pulse 1.5s infinite}.skill-card:active{transform:translateY(-2px)}.skill-card:before{content:"";position:absolute;inset:0;border-radius:8px;padding:2px;background:linear-gradient(90deg,#08f7fe,#ff2a6d,#08f7fe);background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradient-move 3s linear infinite}.skill-icon{font-size:2.5rem;margin-bottom:1rem;color:#fff;text-shadow:0 0 16px #08f7fe,0 0 32px #08f7fe}.skill-icon i{color:#fff;text-shadow:0 0 16px #08f7fe,0 0 32px #08f7fe}.skill-card h3{font-size:1.5rem;margin-bottom:1rem;color:#fff;text-shadow:0 0 8px #08f7fe,0 0 16px #08f7fe}.skill-card p{font-size:1.1rem;color:#fff;text-shadow:0 0 2px #08f7fe}.pfp{width:clamp(44px,5.5vw,52px);height:clamp(44px,5.5vw,52px);border-radius:50%;object-fit:cover;background:#181a2a}.pfp:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(90deg,#08f7fe,#ff2a6d,#08f7fe);background-size:200% 100%;animation:gradient-move 3s linear infinite;z-index:-1}.pfp-logo-container{display:flex;align-items:center;margin-left:-1rem}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,90vw),1fr));gap:clamp(1rem,2vw,2rem);margin-top:2rem}.work-card{background:transparent;border:2px solid transparent;border-radius:8px;padding:2rem 1.5rem;text-align:center;color:#fff;position:relative;transition:transform .3s ease;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.work-card:hover{transform:translateY(-4px)}.work-card:active{transform:translateY(-2px)}.work-card:before{content:"";position:absolute;inset:0;border-radius:8px;padding:2px;background:linear-gradient(90deg,#08f7fe,#ff2a6d,#08f7fe);background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradient-move 3s linear infinite}.work-date{color:#08f7fe;font-size:1.1rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 8px #08f7fe}.work-card h3{font-size:1.5rem;margin-bottom:.5rem;color:#fff;text-shadow:0 0 8px #08f7fe,0 0 16px #08f7fe}.work-card h4{font-size:1.2rem;margin-bottom:1rem;color:#fff;text-shadow:0 0 4px #08f7fe}.work-card p{font-size:1.1rem;color:#fff;text-shadow:0 0 2px #08f7fe;margin-bottom:1.5rem}.work-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.work-tag{background:#08f7fe1a;color:#08f7fe;padding:.4rem .8rem;border-radius:4px;font-size:.9rem;text-shadow:0 0 4px #08f7fe}.timeline-container{position:relative;margin:3rem 0;padding-left:60px}.timeline-line{display:none}.timeline-item{display:flex;align-items:flex-start;margin-bottom:3rem;position:relative}.timeline-date{min-width:90px;background:transparent;border:2px solid transparent;border-radius:8px;color:#fff;font-weight:700;text-align:center;padding:.7rem 1.2rem;margin-right:2rem;text-shadow:0 0 8px #08f7fe,0 0 16px #08f7fe;position:relative;z-index:2}.timeline-date:before{content:"";position:absolute;inset:0;border-radius:8px;padding:2px;background:linear-gradient(90deg,#08f7fe,#ff2a6d,#08f7fe);background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradient-move 3s linear infinite;z-index:-1}.timeline-dot{display:none;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #08f7fe66}70%{box-shadow:0 0 0 10px #08f7fe00}to{box-shadow:0 0 #08f7fe00}}.timeline-card{flex:1;position:relative;background:transparent;border:2px solid transparent;border-radius:8px;padding:2rem 1.5rem;color:#fff;margin-left:1rem;z-index:1}.timeline-card:before{content:"";position:absolute;inset:0;border-radius:8px;padding:2px;background:linear-gradient(90deg,#08f7fe,#ff2a6d,#08f7fe);background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradient-move 3s linear infinite;z-index:-1}.timeline-card h3{font-size:1.5rem;margin-bottom:.5rem;color:#fff;text-shadow:0 0 8px #08f7fe,0 0 16px #08f7fe}.timeline-card h4{font-size:1.2rem;margin-bottom:1rem;color:#08f7fe;text-shadow:0 0 8px #08f7fe,0 0 16px #08f7fe}.timeline-card p{font-size:1.1rem;color:#fff;text-shadow:0 0 2px #08f7fe;margin-bottom:1.5rem}.timeline-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.timeline-tag{position:relative;background:transparent;border:2px solid transparent;border-radius:4px;color:#fff;padding:.4rem .8rem;font-size:.9rem;text-shadow:0 0 4px #08f7fe,0 0 8px #08f7fe;transition:transform .2s;z-index:1}.timeline-tag:before{content:"";position:absolute;inset:0;border-radius:4px;padding:2px;background:linear-gradient(90deg,#08f7fe,#ff2a6d,#08f7fe);background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradient-move 3s linear infinite;z-index:-1}.timeline-tag:hover{transform:translateY(-4px)}@media (max-width: 700px){.timeline-container{padding-left:0}.timeline-item{flex-direction:column;align-items:stretch}.timeline-date{margin:0 0 1rem;align-self:flex-start}.timeline-card{margin-left:0}.timeline-dot,.timeline-line{display:none}}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:1000}.mobile-menu-btn span{display:block;width:25px;height:3px;background-color:#fff;margin:5px 0;transition:.3s;box-shadow:0 0 8px #08f7fe,0 0 16px #08f7fe}.mobile-nav{display:none;position:fixed;top:0;right:-100%;width:250px;height:100vh;background:#000000f2;padding:80px 20px 20px;transition:.3s;z-index:999;box-shadow:-5px 0 15px #08f7fe33;backdrop-filter:blur(10px)}.mobile-nav.active{right:0}.mobile-nav a{display:block;padding:15px 0;color:#fff;text-decoration:none;font-size:1.2rem;transition:.3s;position:relative;overflow:hidden}.mobile-nav a:hover:before{left:100%}.mobile-nav a:hover{color:#08f7fe;text-shadow:0 0 8px #08f7fe}@media (max-width: 768px){.mobile-menu-btn{display:block}.desktop-nav{display:none}.mobile-nav{display:block}.nav-content{justify-content:space-between}}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@keyframes glitch{0%{text-shadow:.05em 0 0 #08f7fe,-.05em -.025em 0 #ff2a6d;transform:translate(0)}14%{text-shadow:.05em 0 0 #08f7fe,-.05em -.025em 0 #ff2a6d;transform:translate(0)}15%{text-shadow:-.05em -.025em 0 #08f7fe,.025em .025em 0 #ff2a6d;transform:translate(-2px,2px)}49%{text-shadow:-.05em -.025em 0 #08f7fe,.025em .025em 0 #ff2a6d;transform:translate(-2px,2px)}50%{text-shadow:.025em .05em 0 #08f7fe,.05em 0 0 #ff2a6d;transform:translate(2px,-2px)}99%{text-shadow:.025em .05em 0 #08f7fe,.05em 0 0 #ff2a6d;transform:translate(2px,-2px)}to{text-shadow:-.025em 0 0 #08f7fe,-.025em -.025em 0 #ff2a6d;transform:translate(0)}}.section-title{animation:glitch 3s infinite;position:relative}.section-title:before,.section-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.section-title:before{animation:glitch 3s infinite;color:#ff2a6d;z-index:-1;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(-2px,-2px)}.section-title:after{animation:glitch 2s infinite;color:#08f7fe;z-index:-2;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);transform:translate(2px,2px)}.neon-fill:after{display:none}.cta-button:after{display:none}.mobile-nav a:before{display:none}@keyframes gradient-move{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes neon-pulse{0%,to{box-shadow:0 0 5px #08f7fe,0 0 10px #08f7fe,0 0 15px #08f7fe}50%{box-shadow:0 0 10px #08f7fe,0 0 20px #08f7fe,0 0 30px #08f7fe}}body:before,body:after{display:none}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes glitch-scan{0%{transform:translateY(-100%) translate(0);opacity:.5}20%{transform:translateY(-60%) translate(2px);opacity:.7}40%{transform:translateY(-20%) translate(-2px);opacity:.5}60%{transform:translateY(20%) translate(2px);opacity:.7}80%{transform:translateY(60%) translate(-2px);opacity:.5}to{transform:translateY(100%) translate(0);opacity:.5}}body{font-family:Orbitron,Arial,sans-serif}