:root{--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.85);--accent:#ff8c00;--accent-hover:orange;--border:rgba(255,140,0,.3)}[data-theme=light]{--bg-primary:#f5f5f5;--bg-secondary:#fff;--text-primary:#1a1a1a;--text-secondary:#333;--accent:#e67e00;--accent-hover:#d35400;--border:rgba(230,126,0,.4)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;font-family:League Spartan,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{box-sizing:border-box}body{margin-top:80px}.notFound{border:1px solid var(--border);font-size:4rem;text-align:center}.navbar,.notFound{color:var(--text-primary)}.navbar{margin-top:-80px;z-index:3;height:80px;width:100%;display:flex;align-items:center;position:fixed;padding:.5rem 0;background-color:var(--bg-primary)}.navbar a{text-decoration:none;color:var(--text-primary)}.theme-toggle{background:none;border:none;color:var(--accent);font-size:1.25rem;cursor:pointer;padding:.25rem;display:flex;align-items:center}.theme-toggle:hover{color:var(--accent-hover)}.navbar-logo{width:100px}.navbar-menu{display:none}.navbar-menu-open{position:absolute;align-items:center;top:80px;left:0;color:var(--text-primary);flex-direction:column;display:flex;width:100%;height:auto;background-color:var(--bg-primary)}.navbar-menu-open a{padding:20px;font-size:30px}.mobile-menu{display:block;position:absolute;top:0;right:0;transform:translate(-100%,60%);font-size:1.8rem;cursor:pointer;color:var(--text-primary)}.span1:before{content:""}.title{color:var(--accent);font-size:30px;font-weight:700;font-family:Days One,sans-serif}.title .span1{margin-left:10px;transition:all .5s linear}@media screen and (min-width:768px){.title{color:var(--accent);font-size:30px;font-weight:700;letter-spacing:3px;cursor:pointer}.title .span1{margin-left:30px}.title span{transition:.5s ease-in-out}.span1:before{content:"<"}.span2:after{content:"/>"}.title:hover .span1{margin-right:3px}.title:hover .span1:after{content:"GQ4"}.title:hover .span2:before{content:"DEV"}.title:hover span{color:var(--accent);text-shadow:0 0 10px var(--accent),0 0 20px var(--accent),0 0 40px var(--accent)}.navbar-menu{color:var(--accent);display:flex;align-items:center;gap:.25rem;margin-left:auto;background-color:var(--bg-primary);position:absolute;right:16px;top:50%;transform:translateY(-50%)}.navbar-menu-open{display:none}.navbar-menu .theme-toggle,.navbar-menu a{cursor:pointer;font-size:20px;margin-right:12px}.navbar-menu a:hover{color:var(--accent)}.mobile-menu{display:none}}.sidebar-container{position:fixed;z-index:999;width:100%;height:100%;background:var(--bg-primary);display:grid;align-items:center;top:0;left:0;transition:.3s ease-in-out;opacity:1;top:-100%}.sidebar-container.open{opacity:1;top:0}.close-icon{color:var(--text-primary)}.icon{position:absolute;top:1.2rem;right:1.5rem;background:transparent;font-size:2rem;cursor:pointer;outline:none}.sidebar-wrapper{color:var(--text-primary)}.sidebar-menu{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(6,80px);text-align:center}@media screen and (max-width:480px){.sidebar-menu{grid-template-rows:repeat(6,60px)}}.sidebar-link{display:flex;align-items:center;justify-content:center;font-size:1.5rem;text-decoration:none;list-style:none;transition:.2s ease-in-out;color:var(--text-primary);cursor:pointer}.sidebar-link:hover{color:var(--accent);transition:.2s ease-in-out}.side-btn-wrap{display:flex;justify-content:center}.sidebar-route{border-radius:50px;background:var(--accent);white-space:nowrap;padding:16px 64px;font-size:16px;outline:none;border:none;cursor:pointer;text-decoration:none}.sidebar-route,.sidebar-route:hover{color:var(--text-primary);transition:.2s ease-in-out}.sidebar-route:hover{background:var(--bg-primary)}.banner{display:flex;align-items:center;justify-content:space-between;width:100%;height:600px}.banner img,.banner-icon{max-height:500px}.banner-icon{max-width:500px;width:100%;height:100%;color:var(--accent);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.banner-info{margin-left:15px}.banner-title{font-size:2rem}.banner-icons,.banner-paragraph{font-size:1rem}.banner-icons a{color:var(--text-primary);margin-right:4px}.banner-tagline{font-size:.9rem;opacity:.85;margin:.5rem 0 1rem}.banner-ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.banner-cta{display:inline-block;padding:.5rem 1rem;border-radius:6px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s}.banner-cta-primary{background:var(--accent);color:#000}.banner-cta-primary:hover{color:#000;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,165,0,.4)}.banner-cta-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--accent)}.banner-cta-secondary:hover{color:var(--accent);background:rgba(255,165,0,.1);transform:translateY(-2px)}.banner-icons a:hover{color:var(--accent)}@media screen and (min-width:768px){.banner{height:600px}.banner-info{margin-left:30px}.banner-title{font-size:3rem}.banner-paragraph{font-size:2rem}.banner-tagline{font-size:1rem;opacity:.9;margin-top:.25rem}.banner-ctas{gap:1rem}.banner-cta{padding:.6rem 1.25rem;font-size:1rem}.banner-icons{font-size:1.5rem}}.about{width:100%;height:auto;color:var(--text-primary);background-color:var(--bg-secondary)}.about-title{padding-top:20px;width:90%;margin:auto;font-size:2.5rem;padding-bottom:1rem}.about-main{margin:auto;width:90%;display:flex;flex-wrap:wrap;justify-content:center}.about-bio{width:90%}.profile-img{width:200px;height:200px;border-radius:50%;border:2px solid var(--accent);object-fit:cover}.icons-img{width:40px;margin-right:15px}.bio-title{color:var(--accent);font-size:2rem}.bio-description{font-size:1.3rem}.info-sections{padding-right:4px;margin:auto;width:90%;align-items:center}.info-section{padding:10px;margin:10px}.skills{width:350px;display:grid;grid-template-columns:repeat(2,1fr)}h3{margin-top:0}.info-title{color:var(--accent)}.info-subtitle{display:flex;align-items:center;gap:1rem}.info-subtitle svg{font-size:2rem;margin-right:15px;color:var(--accent);vertical-align:middle}.certificate{font-weight:700;color:blue}@media screen and (min-width:768px){.about-main{display:flex;align-items:center;justify-content:space-between}.about-bio{width:70%}.bio-description{font-size:1.5rem}.about-title{font-size:4rem}.info-sections{display:flex;align-items:unset}.info-section{width:500px}}.categories-container{width:100%;height:auto}.categories-title{text-align:center;font-size:2rem}.categories{display:flex;flex-direction:column;align-items:center;gap:1rem;width:90%;margin:auto;padding-top:15px}@media screen and (min-width:768px){.categories{display:flex;width:80%;flex-direction:row;justify-content:space-between}}article{position:relative;width:300px;height:200px;transition:all .3s ease}article img:first-child{box-shadow:0 60px 60px -60px rgba(0,30,255,.5);border-radius:40px;object-fit:cover;width:100%;height:100%}article img:last-child{position:absolute;width:120px;bottom:25%;left:0;right:0;margin:auto;transition:.3s ease;opacity:1}.category-title{display:none}article:before{content:"";position:absolute;bottom:0;height:100%;width:100%;background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.5) 50%,#000 95%);opacity:0;transition:all .3s ease}article:hover img:last-child{opacity:1;transform:scale(120%)}@media screen and (min-width:768px){article{position:relative;width:300px;height:300px;transition:all .3s ease}article img:first-child{box-shadow:0 60px 60px -60px rgba(0,30,255,.5);border-radius:4px;object-fit:cover;width:100%;height:100%}article img:last-child{position:absolute;width:170px;bottom:40%;left:0;right:0;margin:auto;transform:translateY(25%);transition:.3s ease;opacity:1}.category-title{position:absolute;font-size:2rem;top:50%;left:50%;transform:translate(-50%,-50%);display:none}article:hover{transform:perspective(250px) rotateX(10deg) translateY(-5%) translateZ(0)}article:hover .category-title{display:block}article:before{content:"";position:absolute;bottom:0;height:100%;width:100%;background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.5) 50%,#000 95%);opacity:0;transition:all .3s ease}article:hover:before{opacity:1}article:hover img:last-child{opacity:0;transform:translateY(10%)}}.portfolio-icons{transition:.3s ease-in-out;width:300px;margin:auto}.portfolio-icons ul{display:flex;align-items:center;justify-content:space-between}.portfolio-icons li{list-style:none}.portfolio-icons img{width:50px}.projects{display:flex;justify-content:center;width:80%;margin:auto;flex-wrap:wrap}@media screen and (min-width:768px){.portfolio-icons li{transition:.3s ease-in-out}.portfolio-icons li:hover{transform:scale(120%)}}.projects-title{font-size:3rem;padding:1rem}.project-title{font-size:1.5rem;color:var(--accent)}.project img{width:100%;border:4px solid #8b008b}.project-buttons{width:120px;display:flex;justify-content:space-between;align-items:center}.project-buttons svg{color:var(--accent);font-size:1.5rem;margin-left:5px}.demo-button{text-decoration:none;font-weight:700;border:none;background-color:silver;padding:5px 25px;border-radius:5px}.demo-button:hover{background-color:var(--accent)}.project-tech{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0}.project-tech-tag{font-size:.75rem;padding:.2rem .5rem;background:rgba(255,165,0,.2);color:inherit;border-radius:4px}@media screen and (min-width:768px){.project{padding:10px;width:400px}.project img{border:2px solid #8b008b}.projects-title{margin-left:60px}}.footer{width:100%;padding-top:3rem;height:380px}.footer-logo{width:130px;align-self:center}.footer-title:before{content:" GQ";color:var(--accent);font-size:30px;letter-spacing:3px;font-weight:700;font-family:Days One,sans-serif}.footer-cta{display:inline-block;margin-top:var(--space-md);padding:.5rem 1rem;background:var(--accent);color:#000;font-weight:600;border-radius:6px;text-decoration:none;transition:transform .2s,box-shadow .2s}.footer-cta:hover{color:#000;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,165,0,.4)}.footer-brand,.footer-info{text-align:center}.footer-info{width:100%;display:flex;flex-direction:column}.footer-info a{text-decoration:none;color:var(--text-primary);padding:5px}.footer-info a:hover{color:var(--accent)}.footer-icons{display:flex;flex-direction:column}@media screen and (min-width:768px){.footer-info{width:80%;margin:auto;flex-direction:row;align-items:center;justify-content:space-between;font-size:1.3rem}}.language-selector{display:inline-flex;border:1.5px solid var(--accent);border-radius:20px;overflow:hidden;gap:0}.lang-btn,.language-selector{align-items:center;background:transparent}.lang-btn{border:none;color:var(--text-primary);padding:.2rem .65rem;cursor:pointer;font-size:.8rem;font-weight:500;letter-spacing:.03em;display:flex;gap:.3rem;transition:background .2s ease,color .2s ease;white-space:nowrap}.lang-btn .flag{font-size:1rem;line-height:1}.lang-btn:first-child{border-right:1px solid var(--accent)}.lang-btn:hover{background:rgba(255,167,38,.15);color:var(--accent)}.lang-btn.active{background:var(--accent);color:#111;font-weight:600}