*{margin:0;padding:0;box-sizing:border-box}:root{--primary-yellow: #FFD700;--secondary-yellow: #FFA500;--accent-yellow: #FFFF00;--primary-black: #000000;--secondary-black: #000000;--accent-black: #000000;--text-white: #ffffff;--text-gray: #000000;--gradient-yellow: linear-gradient(135deg, var(--primary-yellow), var(--secondary-yellow));--gradient-black: linear-gradient(135deg, var(--primary-black), var(--secondary-black));--shadow-glow: 0 0 20px rgba(255, 215, 0, .3);--shadow-strong: 0 0 30px rgba(255, 215, 0, .5)}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-white);background:var(--primary-black);overflow-x:hidden}@media (hover: hover) and (pointer: fine){*,html,body{cursor:none!important}.custom-cursor{position:fixed;width:20px;height:20px;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .1s ease;mix-blend-mode:difference;display:block}.cursor-dot{width:8px;height:8px;background:var(--accent-yellow);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px var(--accent-yellow)}.cursor-ring{width:20px;height:20px;border:2px solid var(--accent-yellow);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease}a:hover~.custom-cursor .cursor-ring,button:hover~.custom-cursor .cursor-ring,input:hover~.custom-cursor .cursor-ring,.portfolio-item:hover~.custom-cursor .cursor-ring,.project-card:hover~.custom-cursor .cursor-ring{transform:translate(-50%,-50%) scale(1.5);border-color:var(--primary-yellow)}a,button,input,textarea,select,.portfolio-item,.project-card,.clickable{cursor:none!important}*:before,*:after{cursor:none!important}div,span,p,h1,h2,h3,h4,h5,h6,li,ul,ol,table,tr,td,th,img,video,canvas,svg,path,rect,circle,ellipse,line,polygon,polyline,text,tspan,g,defs,clipPath,mask,filter,feGaussianBlur,feColorMatrix,feComposite,feFlood,feImage,feMerge,feMergeNode,feMorphology,feOffset,feSpecularLighting,feTile,feTurbulence,feDistantLight,fePointLight,feSpotLight,foreignObject,use,symbol,marker,pattern,linearGradient,radialGradient,stop{cursor:none!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week],input[type=file],input[type=range],input[type=color],input[type=checkbox],input[type=radio],input[type=submit],input[type=reset],input[type=button],input[type=image]{cursor:none!important}*:hover,*:focus,*:active,*:visited,*:link,*:target,*:enabled,*:disabled,*:checked,*:indeterminate,*:default,*:valid,*:invalid,*:in-range,*:out-of-range,*:required,*:optional,*:read-only,*:read-write{cursor:none!important}}@media (hover: none) or (pointer: coarse){.custom-cursor{display:none!important}*,html,body{cursor:auto!important}a,button,input,textarea,select,.portfolio-item,.project-card,.clickable{cursor:pointer!important}}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-black);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease-out}#loading-screen.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .5s ease-out,visibility .5s ease-out!important}.loader{text-align:center;color:var(--primary-yellow);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px}.loader-logo{font-size:4rem;margin-bottom:2rem;animation:bounce 1s ease-in-out infinite;display:flex;align-items:center;justify-content:center}.loader-text{font-size:1.5rem;margin-bottom:2rem;font-weight:300;font-family:Orbitron,monospace;text-align:center;width:100%}.loader-bar{width:200px;height:4px;background:#ffd70033;border-radius:2px;overflow:hidden;margin:0 auto}.loader-progress{height:100%;background:var(--gradient-yellow);width:0%;animation:loading 2s ease-in-out infinite}@keyframes loading{0%{width:0%}50%{width:100%}to{width:0%}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.navbar{position:fixed;top:0;left:0;right:0;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:all .3s ease;border-bottom:2px solid var(--primary-yellow)}.nav-brand{display:flex;align-items:center;gap:.5rem;font-family:Orbitron,monospace;font-weight:900;font-size:1.5rem;color:var(--primary-yellow)}.brand-icon{font-size:1.8rem;animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{text-decoration:none;color:var(--text-white);font-weight:600;transition:all .3s ease;font-family:Orbitron,monospace}.nav-links a:hover{color:var(--primary-yellow);text-shadow:0 0 10px var(--primary-yellow)}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-yellow);transition:width .3s ease}.nav-links a:hover:after{width:100%}.nav-toggle{display:none;flex-direction:column;cursor:pointer}.nav-toggle span{width:25px;height:3px;background:var(--primary-yellow);margin:3px 0;transition:.3s}@media (max-width: 768px){.navbar{padding:1rem}.nav-links{position:fixed;top:100%;left:0;width:100%;background:#000000fa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);flex-direction:column;gap:0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;border-top:1px solid var(--primary-yellow)}.nav-links.active{transform:translateY(0);opacity:1;visibility:visible}.nav-links li{border-bottom:1px solid rgba(255,215,0,.1)}.nav-links a{display:block;padding:1rem 2rem;font-size:1.1rem}.nav-toggle{display:flex;margin-left:auto}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}}.hero-section{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;visibility:visible;opacity:1}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(255,215,0,.1) 0%,transparent 70%)}canvas{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;pointer-events:none!important;z-index:1!important}#hero-canvas canvas{z-index:10!important;position:relative!important}.hero-content{z-index:20!important;position:relative}.hero-3d{z-index:15!important;position:relative}.hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,165,0,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,0,.05) 0%,transparent 50%);z-index:1}.hero-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}.hero-text{flex:1;max-width:600px}.hero-title{display:block;font-family:Orbitron,monospace;font-size:clamp(4rem,10vw,8rem);font-weight:900;color:var(--primary-yellow);text-shadow:0 0 30px var(--primary-yellow);line-height:.9;animation:glow 2s ease-in-out infinite alternate;margin-bottom:2rem}.title-sub{display:block;font-family:Orbitron,monospace;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:var(--text-white);margin-top:.5rem;text-transform:uppercase;letter-spacing:.2em}@keyframes glow{0%{text-shadow:0 0 30px var(--primary-yellow)}to{text-shadow:0 0 50px var(--primary-yellow),0 0 70px var(--primary-yellow)}}.hero-description{font-size:1.25rem;color:var(--text-white);margin-bottom:3rem;line-height:1.8}.hero-cta{display:flex;gap:1.5rem}.hero-3d{flex:1;height:80vh;position:relative;display:flex;align-items:center;justify-content:center;min-height:500px}.hero-3d canvas{width:100%!important;height:100%!important;display:block;border-radius:20px;box-shadow:0 0 30px #ffd70033}.hero-3d:empty:before{content:"🎮 3D Gaming Room Loading...";width:100%;height:100%;background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border:2px dashed var(--primary-yellow);border-radius:20px;color:var(--primary-yellow);font-family:Orbitron,monospace;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);text-align:center;color:var(--primary-yellow);z-index:2}.scroll-arrow{font-size:2rem;animation:bounce 2s infinite;margin-bottom:.5rem}.btn{padding:1rem 2rem;border:none;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;font-family:Orbitron,monospace;text-transform:uppercase;letter-spacing:.1em}.btn-primary{background:var(--gradient-yellow);color:var(--primary-black);box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-strong)}.btn-secondary{background:transparent;color:var(--primary-yellow);border:2px solid var(--primary-yellow)}.btn-secondary:hover{background:var(--primary-yellow);color:var(--primary-black);transform:translateY(-3px);box-shadow:var(--shadow-glow)}section{padding:8rem 2rem;position:relative}.container{max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:5rem;position:relative;z-index:2}.section-title{font-family:Orbitron,monospace;font-size:clamp(3rem,6vw,4rem);font-weight:900;color:var(--primary-yellow);text-shadow:0 0 20px var(--primary-yellow);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em;position:relative;z-index:2}.section-subtitle{font-size:1.2rem;color:var(--text-white);font-family:Orbitron,monospace}.about-section{background:var(--secondary-black);position:relative}.about-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 70%,rgba(255,215,0,.08) 0%,transparent 60%),radial-gradient(circle at 70% 30%,rgba(255,165,0,.06) 0%,transparent 60%),radial-gradient(circle at 50% 50%,rgba(255,255,0,.04) 0%,transparent 70%);z-index:1}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2}.about-text p{font-size:1.2rem;color:var(--text-white);margin-bottom:1.5rem;line-height:1.8;position:relative;z-index:2;text-shadow:0 0 8px rgba(255,255,255,.3);filter:drop-shadow(0 0 4px rgba(255,255,255,.2))}.about-visual{display:flex;justify-content:center;align-items:center;position:relative;height:500px;width:100%}.profile-image-container{position:relative;z-index:10;margin-bottom:2rem}.profile-image{position:relative;width:300px;height:533px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,var(--primary-yellow),var(--secondary-orange));box-shadow:0 0 50px #ffd7004d,0 0 100px #ffa50033,inset 0 0 50px #ffffff1a;border:4px solid var(--primary-yellow);transition:all .3s ease}@media (max-width: 768px){.about-content{grid-template-columns:1fr;gap:2rem;text-align:center}.about-visual{height:auto;min-height:400px;order:-1;margin-bottom:2rem}.profile-image-container{order:-1;margin-bottom:1rem}.profile-image{width:250px;height:444px;margin:0 auto}}@media (max-width: 480px){.about-visual{min-height:350px}.profile-image{width:200px;height:356px}.about-section .container{padding:2rem 1rem}}@media (max-width: 360px){.about-visual{min-height:300px}.profile-image{width:180px;height:320px}}.profile-image:hover{transform:scale(1.05);box-shadow:0 0 80px #ffd70080,0 0 150px #ffa5004d,inset 0 0 80px #fff3}.profile-image img{width:100%;height:100%;object-fit:cover;border-radius:20px}.profile-placeholder{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-white)}.profile-placeholder .placeholder-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(255,255,255,.5))}.profile-placeholder .placeholder-text{font-size:1.5rem;font-weight:700;font-family:Orbitron,monospace;margin-bottom:.5rem;text-shadow:0 0 10px rgba(255,255,255,.3)}.profile-placeholder .placeholder-subtitle{font-size:1rem;opacity:.8;font-family:Inter,sans-serif}.floating-logo{position:absolute;font-size:4.5rem;opacity:0;filter:drop-shadow(0 0 30px rgba(255,215,0,.5));animation:floatIn .8s ease-out forwards,float 6s ease-in-out infinite}.floating-football{position:absolute;top:40%;left:10%;font-size:5rem;color:var(--primary-yellow);text-shadow:0 0 20px var(--primary-yellow);animation:orbitRight 15s linear infinite;animation-delay:-1.5s;z-index:100}.floating-logo{position:absolute;font-size:4.5rem;color:var(--primary-yellow);text-shadow:0 0 10px var(--primary-yellow);filter:drop-shadow(0 0 8px rgba(255,215,0,.3));z-index:1;transition:all .3s ease}.floating-logo:hover{transform:scale(1.1);filter:drop-shadow(0 0 25px rgba(255,215,0,.8));z-index:200}.floating-logo:nth-child(2){top:10%;left:10%;animation:orbitRight 15s linear infinite}.floating-logo:nth-child(3){top:30%;left:15%;animation:orbitRight 15s linear infinite;animation-delay:-3s}.floating-logo:nth-child(4){top:50%;left:20%;animation:orbitRight 15s linear infinite;animation-delay:-6s}.floating-logo:nth-child(5){top:70%;left:25%;animation:orbitRight 15s linear infinite;animation-delay:-9s}@keyframes floatIn{0%{opacity:0;transform:translateY(50px) scale(.3) rotate(-180deg)}50%{opacity:.7;transform:translateY(-10px) scale(1.2) rotate(90deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes float{0%{transform:translate(-50%,-50%) translateY(0) scale(1) rotate(0);filter:drop-shadow(0 0 20px rgba(255,215,0,.6))}25%{transform:translate(-50%,-50%) translateY(-30px) scale(1.1) rotate(5deg);filter:drop-shadow(0 0 30px rgba(255,215,0,.9))}50%{transform:translate(-50%,-50%) translateY(-15px) scale(1.05) rotate(-3deg);filter:drop-shadow(0 0 25px rgba(255,215,0,.7))}75%{transform:translate(-50%,-50%) translateY(-35px) scale(1.15) rotate(8deg);filter:drop-shadow(0 0 35px rgba(255,215,0,1))}to{transform:translate(-50%,-50%) translateY(0) scale(1) rotate(0);filter:drop-shadow(0 0 20px rgba(255,215,0,.6))}}@keyframes floatCreative{0%{transform:translateY(0) rotate(0) scale(1);opacity:.7;filter:drop-shadow(0 0 15px rgba(255,215,0,.4))}25%{transform:translateY(-25px) rotate(15deg) scale(1.15);opacity:1;filter:drop-shadow(0 0 25px rgba(255,215,0,.8))}50%{transform:translateY(-15px) rotate(-10deg) scale(1.1);opacity:.9;filter:drop-shadow(0 0 20px rgba(255,215,0,.6))}75%{transform:translateY(-30px) rotate(20deg) scale(1.2);opacity:1;filter:drop-shadow(0 0 30px rgba(255,215,0,.9))}to{transform:translateY(0) rotate(0) scale(1);opacity:.7;filter:drop-shadow(0 0 15px rgba(255,215,0,.4))}}@keyframes orbitRight{0%{transform:translate(100vw) translateY(0);opacity:.3}15%{transform:translate(80vw) translateY(-3px);opacity:.5}30%{transform:translate(60vw) translateY(0);opacity:.7}45%{transform:translate(40vw) translateY(3px);opacity:.9}60%{transform:translate(20vw) translateY(0);opacity:1}75%{transform:translate(0) translateY(-3px);opacity:.9}90%{transform:translate(-20vw) translateY(0);opacity:.7}to{transform:translate(-40vw) translateY(3px);opacity:.3}}.skills-section{background:var(--primary-black);position:relative}.skills-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(255,215,0,.06) 0%,transparent 65%),radial-gradient(circle at 80% 20%,rgba(255,165,0,.05) 0%,transparent 65%),radial-gradient(circle at 60% 40%,rgba(255,255,0,.03) 0%,transparent 75%);z-index:1}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;position:relative;z-index:2}.skill-card{background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:20px;text-align:center;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden;z-index:2}.skill-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:left .5s ease}.skill-card:hover:before{left:100%}.skill-card:hover{border-color:var(--primary-yellow);transform:translateY(-10px);box-shadow:var(--shadow-glow)}.skill-icon{font-size:3rem;margin-bottom:1rem}.skill-card h3{font-family:Orbitron,monospace;font-size:1.5rem;color:var(--primary-yellow);margin-bottom:.5rem}.skill-card p{color:var(--text-white);font-size:1rem}.portfolio-section{background:var(--secondary-black);position:relative}.portfolio-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 40% 60%,rgba(255,215,0,.07) 0%,transparent 55%),radial-gradient(circle at 60% 40%,rgba(255,165,0,.05) 0%,transparent 55%),radial-gradient(circle at 30% 30%,rgba(255,255,0,.04) 0%,transparent 65%);z-index:1}.portfolio-header{background:linear-gradient(135deg,var(--primary-yellow) 0%,#FFA500 100%);padding:4rem 2rem;text-align:center;position:relative;z-index:2;box-shadow:0 10px 30px #ffd7004d}.portfolio-header-content{max-width:800px;margin:0 auto}.portfolio-header-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:bounce 2s ease-in-out infinite}.portfolio-header-title{font-family:Orbitron,monospace;font-size:3rem;font-weight:900;color:var(--primary-black);margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1);text-transform:uppercase;letter-spacing:.1em}.portfolio-header-subtitle{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700;color:var(--primary-black);margin-bottom:1rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.portfolio-header-description{font-size:1.2rem;color:var(--primary-black);line-height:1.6;max-width:600px;margin:0 auto;font-weight:500}.portfolio-items-section{padding:4rem 2rem;position:relative;z-index:2}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.portfolio-item{background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;transition:all .3s ease;border:2px solid rgba(255,215,0,.3);position:relative;z-index:2;text-decoration:none;display:block;cursor:pointer}.portfolio-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,215,0,.05) 0%,transparent 50%);border-radius:20px;z-index:-1;transition:all .3s ease}.portfolio-item:hover:before{background:linear-gradient(135deg,rgba(255,215,0,.15) 0%,transparent 50%)}.portfolio-item *{cursor:pointer}body{cursor:auto!important}*{cursor:inherit}button,input,textarea,select,a,.clickable{cursor:pointer!important}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed!important}.project-page *{cursor:auto!important}.project-page button,.project-page input,.project-page textarea,.project-page a,.project-page .clickable,.portfolio-item,.portfolio-item *{cursor:pointer!important}body,html,*{cursor:auto!important}.portfolio-item,.portfolio-item *,button,input,textarea,select,a,.clickable{cursor:pointer!important}.portfolio-item:hover{transform:translateY(-10px);border-color:var(--primary-yellow);box-shadow:0 15px 40px #ffd70066}.portfolio-preview{position:relative;height:250px;overflow:hidden}.portfolio-image img,.portfolio-image-placeholder{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.portfolio-item:hover .portfolio-image img,.portfolio-item:hover .portfolio-image-placeholder{transform:scale(1.1)}.portfolio-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tag{background:var(--primary-yellow);color:var(--primary-black);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;font-family:Orbitron,monospace;box-shadow:0 2px 8px #ffd7004d}.portfolio-info{padding:2rem;position:relative}.portfolio-info h3{font-family:Orbitron,monospace;font-size:1.5rem;color:var(--primary-yellow);margin-bottom:1rem;text-shadow:0 0 10px rgba(255,215,0,.5);position:relative;top:-5px}.portfolio-info p{color:var(--text-white);line-height:1.6;position:relative;top:-3px}.portfolio-image-placeholder{width:100%;height:250px;background:linear-gradient(135deg,var(--primary-yellow) 0%,#FFA500 100%);display:flex;align-items:center;justify-content:center;border-radius:12px;position:relative;overflow:hidden}.portfolio-image-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 2s infinite}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:16px;z-index:1;text-align:center}.placeholder-icon{font-size:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.placeholder-text{font-size:18px;font-weight:700;color:var(--primary-black);text-shadow:0 2px 4px rgba(255,255,255,.5)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.portfolio-section:after{content:"";position:absolute;top:20px;right:20px;width:100px;height:100px;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);border-radius:50%;z-index:1;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}@media (max-width: 768px){.portfolio-header{padding:3rem 1rem}.portfolio-header-icon{font-size:3rem}.portfolio-header-title{font-size:2.5rem}.portfolio-header-subtitle{font-size:1.3rem}.portfolio-header-description{font-size:1.1rem;padding:0 1rem}.portfolio-items-section{padding:2rem 1rem}.portfolio-grid{grid-template-columns:1fr;gap:1.5rem;padding:0}.portfolio-item{margin:0 auto;max-width:400px;background:linear-gradient(135deg,#ffd7000d,#000000e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px solid rgba(255,215,0,.4);box-shadow:0 8px 25px #ffd70033}.portfolio-item:hover{transform:translateY(-5px);border-color:var(--primary-yellow);box-shadow:0 15px 40px #ffd70066;background:linear-gradient(135deg,#ffd7001a,#000000f2)}.portfolio-preview{height:200px;position:relative}.portfolio-image-placeholder{height:200px;background:linear-gradient(135deg,var(--primary-yellow) 0%,#FFA500 100%);border-radius:12px;position:relative}.portfolio-image-placeholder:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,215,0,.3) 0%,transparent 50%);border-radius:12px}.portfolio-info{padding:1.5rem;background:linear-gradient(180deg,#ffd7000d,#000c);border-top:1px solid rgba(255,215,0,.2)}.portfolio-info h3{font-size:1.3rem;color:var(--primary-yellow);text-shadow:0 0 15px rgba(255,215,0,.7);margin-bottom:.8rem;position:relative;top:0;text-align:center}.portfolio-info p{color:var(--text-white);font-size:1rem;line-height:1.6;position:relative;top:0;text-align:center;margin-bottom:1rem}.tag{background:linear-gradient(135deg,var(--primary-yellow) 0%,#FFA500 100%);color:var(--primary-black);padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;font-family:Orbitron,monospace;box-shadow:0 4px 12px #ffd70066;border:1px solid rgba(255,215,0,.3);margin:.2rem}.portfolio-item:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--primary-yellow),#FFA500,var(--primary-yellow));border-radius:22px;z-index:-1;opacity:.3;transition:opacity .3s ease}.portfolio-item:hover:before{opacity:.6}.portfolio-item:after{content:"✨";position:absolute;top:10px;right:15px;font-size:1.2rem;color:var(--primary-yellow);text-shadow:0 0 10px rgba(255,215,0,.8);animation:float 2s ease-in-out infinite}}@media (max-width: 480px){.portfolio-header{padding:2rem .5rem}.portfolio-header-icon{font-size:2.5rem}.portfolio-header-title{font-size:2rem}.portfolio-header-subtitle{font-size:1.1rem}.portfolio-header-description{font-size:1rem;padding:0 .5rem}.portfolio-items-section{padding:1.5rem .5rem}.portfolio-grid{gap:1rem}.portfolio-item{max-width:100%;margin:0;background:linear-gradient(135deg,#ffd70014,#000000d9)}.portfolio-item:hover{background:linear-gradient(135deg,#ffd7001f,#000000e6)}.portfolio-preview,.portfolio-image-placeholder{height:180px}.portfolio-info{padding:1rem;background:linear-gradient(180deg,#ffd70014,#000000e6)}.portfolio-info h3{font-size:1.2rem;margin-bottom:.6rem}.portfolio-info p{font-size:.9rem;margin-bottom:.8rem}.tag{font-size:.75rem;padding:.3rem .6rem;margin:.15rem}.portfolio-item:after{font-size:1rem;top:8px;right:12px}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}.contact-section{background:var(--primary-black);position:relative}.contact-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 40% 60%,rgba(255,215,0,.07) 0%,transparent 55%),radial-gradient(circle at 60% 40%,rgba(255,165,0,.05) 0%,transparent 55%),radial-gradient(circle at 30% 30%,rgba(255,255,0,.04) 0%,transparent 65%);z-index:1}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;position:relative;z-index:2}.contact-info h3{font-family:Orbitron,monospace;font-size:2rem;color:var(--primary-yellow);margin-bottom:1rem}.contact-info p{font-size:1.1rem;color:var(--text-white);margin-bottom:2rem;line-height:1.8}.contact-links{display:flex;flex-direction:column;gap:1rem}.contact-link{color:var(--primary-yellow);text-decoration:none;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:1.1rem}.contact-link:hover{color:var(--accent-yellow);transform:translate(10px)}.link-icon{font-size:1.2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--primary-yellow);font-weight:600;font-family:Orbitron,monospace}.form-group input,.form-group textarea{width:100%;padding:1rem;border:2px solid var(--secondary-black);border-radius:10px;font-size:1rem;transition:all .3s ease;font-family:inherit;background:var(--secondary-black);color:var(--text-white)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-yellow);box-shadow:0 0 10px #ffd7004d}.footer{background:var(--gradient-black);padding:3rem 2rem;border-top:2px solid var(--primary-yellow)}.footer-content{text-align:center}.footer-brand{display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700;color:var(--primary-yellow);margin-bottom:1rem}.footer-icon{font-size:1.8rem}.footer-text{color:var(--text-white);font-size:1rem}@media (max-width: 768px){.nav-links{display:none}.nav-toggle{display:flex}.hero-content{flex-direction:column;text-align:center;gap:2rem}.hero-3d{height:50vh;min-height:300px;flex:1;position:relative;display:flex;align-items:center;justify-content:center}.hero-3d canvas{width:100%!important;height:100%!important;display:block;border-radius:20px;box-shadow:0 0 30px #ffd70033}.about-content,.contact-content{grid-template-columns:1fr;gap:2rem}.portfolio-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.hero-cta{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}.floating-football,.floating-logo{font-size:2.5rem}.about-visual{height:300px}.portfolio-item{margin:0 auto;max-width:400px}.contact-form{width:100%;max-width:400px;margin:0 auto}.form-group input,.form-group textarea{font-size:16px}}@media (max-width: 480px){section{padding:4rem 1rem}.navbar{padding:1rem}.hero-content{padding:0 1rem}.title-main{font-size:2rem}.title-sub{font-size:1rem}.hero-3d{height:35vh;min-height:250px;flex:1;position:relative;display:flex;align-items:center;justify-content:center}.hero-3d canvas{width:100%!important;height:100%!important;display:block;border-radius:20px;box-shadow:0 0 30px #ffd70033}.btn{padding:.8rem 1.5rem;font-size:.9rem}.section-title{font-size:1.8rem}.about-visual{height:250px}.floating-football,.floating-logo{font-size:1.8rem}.skill-card{padding:1rem}.skill-icon{font-size:2rem}.portfolio-image-placeholder{height:150px}.contact-form{padding:1rem}.form-group input,.form-group textarea{padding:.8rem}}@media (hover: none) and (pointer: coarse){.portfolio-item:hover,.skill-card:hover,.btn:hover{transform:none}.portfolio-item:active,.skill-card:active,.btn:active{transform:scale(.98)}.btn{min-height:44px}.nav-links a{min-height:44px;display:flex;align-items:center}.portfolio-item,.skill-card{cursor:pointer}}@media (max-height: 500px) and (orientation: landscape){.hero-section{min-height:100vh;padding:1rem 0}.hero-content{gap:1rem}.hero-3d{height:50vh}.title-main{font-size:2rem}.title-sub{font-size:1rem}.hero-description{font-size:.9rem;margin-bottom:1rem}.hero-cta{gap:.5rem}.btn{padding:.6rem 1.2rem;font-size:.8rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.btn,.portfolio-item,.skill-card{border-width:.5px}}@media print{.navbar,.hero-3d,.custom-cursor,.scroll-indicator{display:none!important}body{color:#000;background:#fff}.section-title{color:#000}}@media (max-width: 768px){.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000}main{padding-top:80px}.hero-content,.about-content,.contact-content{display:flex;flex-direction:column;gap:2rem}.btn{min-height:48px;font-size:1rem;padding:.8rem 1.5rem}.portfolio-grid{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.portfolio-item{width:100%;max-width:400px}.skills-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.skill-card{width:100%;max-width:350px;margin:0 auto}.contact-form{width:100%;max-width:400px;margin:0 auto}.form-group input,.form-group textarea{font-size:16px}}@media (max-width: 480px){.hero-section{padding-top:70px;min-height:calc(100vh - 70px)}.title-main{font-size:1.8rem;letter-spacing:1px}.title-sub{font-size:.9rem;letter-spacing:.5px}.hero-description{font-size:.9rem;line-height:1.6}.hero-3d{height:30vh;min-height:200px}.section-title{font-size:1.6rem}.section-subtitle{font-size:.9rem}.nav-brand{font-size:1.2rem}.brand-icon{font-size:1.5rem}.btn{padding:.7rem 1.2rem;font-size:.85rem;min-height:44px}section{padding:3rem .5rem}.container{padding:0 .5rem}.floating-football,.floating-logo{font-size:1.2rem}.about-visual{height:200px}.portfolio-image-placeholder{height:120px}.portfolio-content{padding:1rem}.portfolio-title{font-size:1.1rem}.portfolio-description{font-size:.9rem}.portfolio-tag{font-size:.7rem;padding:.2rem .6rem}.contact-form{padding:1rem}.form-group label{font-size:.9rem}.form-group input,.form-group textarea{padding:.7rem;font-size:16px}}@media (max-height: 500px) and (orientation: landscape){.hero-section{min-height:100vh;padding:.5rem 0}.hero-content{gap:1rem;align-items:center}.hero-3d{height:60vh;min-height:200px}.title-main{font-size:1.5rem}.title-sub{font-size:.8rem}.hero-description{font-size:.8rem;margin-bottom:.5rem}.hero-cta{gap:.5rem;flex-direction:row;flex-wrap:wrap;justify-content:center}.btn{padding:.5rem 1rem;font-size:.8rem;min-height:40px}.navbar{padding:.5rem 1rem}.nav-brand{font-size:1rem}.brand-icon{font-size:1.2rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.btn,.portfolio-item,.skill-card{border-width:.5px}.nav-toggle span{height:2px}}@media (hover: none) and (pointer: coarse){.portfolio-item:hover,.skill-card:hover,.btn:hover{transform:none;box-shadow:none}.portfolio-item:active,.skill-card:active,.btn:active{transform:scale(.98);opacity:.8}.btn,.nav-links a,.portfolio-item,.skill-card{min-height:44px;min-width:44px}.nav-links a{padding:1rem 1.5rem}.form-group input,.form-group textarea{min-height:44px}.form-group textarea{min-height:88px}}@media print{.navbar,.hero-3d,.custom-cursor,.scroll-indicator,.floating-football,.floating-logo{display:none!important}body{color:#000!important;background:#fff!important;font-size:12pt;line-height:1.4}.section-title{color:#000!important;font-size:18pt}.section-subtitle{color:#000!important;font-size:14pt}.hero-title{color:#000!important}.btn{border:1px solid #000!important;background:#fff!important;color:#000!important}.portfolio-item,.skill-card{border:1px solid #000!important;background:#fff!important;color:#000!important;break-inside:avoid}.portfolio-title,.skill-name,.portfolio-description,.skill-description{color:#000!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scroll-arrow,.floating-football,.floating-logo{animation:none}}@media (prefers-color-scheme: dark){:root{--primary-black: #000000;--secondary-black: #000000;--accent-black: #000000;--text-white: #ffffff;--text-gray: #000000}}@media (prefers-color-scheme: light){:root{--primary-black: #ffffff;--secondary-black: #000000;--accent-black: #000000;--text-white: #000000;--text-gray: #000000}body{background:var(--primary-black);color:var(--text-white)}.section-title{color:var(--primary-yellow)}.portfolio-item,.skill-card{background:#0000000d;border-color:#ffd7004d}}