:root{--color-bg: #111827;--color-border: #2b354a;--color-purple: #8B5CF6;--color-purple-hover: #683ad5;--color-purple-dark: rgba(32, 5, 107, .3);--color-purple-light: rgba(227, 83, 237, .3);--color-purple-border: rgba(139, 92, 246, .3);--color-text-muted: rgba(255, 255, 255, .7);--color-text-nav: rgba(255, 255, 255, .75);--color-glass-border: rgba(255, 255, 255, .15);--color-glass-hover: rgba(255, 255, 255, .05);--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .1);--color-success-border: rgba(16, 185, 129, .2);--color-error: #ef4444;--color-error-bg: rgba(239, 68, 68, .1);--color-error-border: rgba(239, 68, 68, .2);--font-main: Inter, sans-serif;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 15px;--radius-full: 100%;--radius-pill: 50px;--transition-fast: .1s;--transition-base: .2s;--transition-slow: .15s}*{margin:0;box-sizing:border-box;font-family:var(--font-main);text-decoration:none;color:#fff}html{background-color:var(--color-bg)}header{padding:30px 20px;border-bottom:.1px solid var(--color-border)}footer{padding:30px 20px;border-top:.1px solid var(--color-border)}main{display:flex;flex-direction:column;padding:40px 20px;gap:80px}nav{display:flex;align-items:center;justify-content:right;gap:15px;a{color:var(--color-text-nav);transition:color,ease-in,.2s}a:hover{color:#fff}}rect,path,circle{color:var(--color-text-muted);transition:color ease-in var(--transition-fast)}.section{width:100%;h2{margin-bottom:30px}p{color:var(--color-text-muted)}}.about-content{display:flex;flex-direction:column;gap:20px}#hero{width:100%;display:flex;flex-direction:column;align-items:center;gap:40px;img{border-radius:var(--radius-full);aspect-ratio:1/1;width:200px;height:auto}.top{display:flex;flex-direction:column;gap:35px;text-align:center;h1{font-size:2rem}p{font-size:1.1rem}}.btm{width:100%;display:flex;align-items:center;justify-content:center;gap:20px}}.btn{padding:15px 30px;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;transition:background-color ease-in var(--transition-slow)}.glass{border:1px solid var(--color-glass-border)}.purple{background-color:var(--color-purple);border:none}.glass:hover{background-color:var(--color-glass-hover)}.purple:hover{background-color:var(--color-purple-hover)}#socials{padding:0;list-style:none;display:flex;justify-content:center;gap:15px;li{width:25px}li:hover{a>svg>path,circle,rect{color:#fff}}}.white-svg{padding:4px;border-radius:var(--radius-full);background-color:#fff}#projects{display:flex;flex-direction:column;gap:25px;article{overflow:hidden;border:1px solid rgba(255,255,255,.2);transition:all ease-in var(--transition-base);border-radius:var(--radius-lg);width:100%;.display{width:100%;height:150px;overflow:hidden;img{width:100%;height:auto}}.info{display:flex;flex-direction:column;gap:20px;padding:15px;p{font-size:.9rem}.buttons{width:100%;display:flex;flex-direction:row;gap:15px;a{display:flex;align-items:center;justify-content:space-between;border-radius:var(--radius-pill);width:80px;padding:7px 10px;transition:all ease-in var(--transition-base);span{font-size:.8rem}svg{width:15px}}}}}article:hover{border-color:#683ad599}div{display:flex;flex-direction:column;gap:25px}}#tech-stack{display:flex;flex-direction:column;gap:20px;.stack-container{display:flex;flex-direction:column;gap:20px}h3{color:var(--color-purple);margin-bottom:20px}ul{list-style:none;display:flex;width:100%;flex-wrap:wrap;padding:0;align-items:center;justify-content:center;gap:10px;li{display:flex;align-items:center;transition:all ease-in var(--transition-base);justify-content:flex-start;width:auto;gap:10px;border-radius:var(--radius-lg);padding:5px 10px;img{width:35px;height:auto}}}}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-copy{font-size:.85rem;color:var(--color-text-muted)}.footer-nav{display:flex;gap:15px;flex-wrap:wrap;a{font-size:.85rem;color:var(--color-text-nav);transition:color ease-in .2s}a:hover{color:#fff}}#contact{background:#20056b;background:linear-gradient(141deg,var(--color-purple-dark) 0%,var(--color-purple-light) 100%);padding:20px;width:100%;max-width:600px;border:1px solid var(--color-purple-border);border-radius:var(--radius-lg);align-self:center}.contact-subtitle{margin-bottom:30px;font-size:1rem}.contact-form{display:flex;flex-direction:column;align-items:center;gap:20px}.form-group{display:flex;flex-direction:column;width:100%;gap:8px}.form-group label{font-size:.9rem;font-weight:500;color:#ffffffe6}.form-group input,.form-group textarea{background-color:#00000056;border:1px solid rgba(255,255,255,.1);width:100%;border-radius:var(--radius-sm);padding:12px 16px;color:#fff;font-family:inherit;font-size:1rem;transition:border-color var(--transition-base) ease,background-color var(--transition-base) ease;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-purple);background-color:#ffffff14}.form-status{padding:12px;border-radius:var(--radius-sm);font-size:.9rem;text-align:center}.form-status.success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.form-status.error{background-color:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:419px){header{padding:7vw 5vw}nav{gap:3.5vw;a{font-size:3.5vw}}main{padding:10vw 5vw;gap:19vw}#hero{gap:9.5vw;img{width:60vw}.top{gap:8vw;h1{font-size:7.5vw}p{font-size:4.2vw}}.btm{gap:4.8vw}}.btn{padding:3.5vw 7vw;border-radius:2.4vw;font-size:3.4vw}footer{padding:7vw 5vw}.footer-inner{flex-direction:column;align-items:flex-start;gap:4vw}.footer-copy{font-size:3.2vw}.footer-nav{gap:3.5vw;a{font-size:3.2vw}}#socials{gap:3.5vw;li{width:6vw}}.section{h2{font-size:6vw;margin-bottom:7vw}}.about-content{gap:4.8vw;p{font-size:3.8vw}}#projects{gap:6vw;article{border-radius:3.6vw;.display{height:36vw}.info{gap:4.8vw;padding:3.6vw;h3{font-size:5vw}p{font-size:3.4vw}.buttons{gap:3.5vw;a{width:19vw;padding:1.7vw 2.4vw;border-radius:12vw;span{font-size:3vw}svg{width:3.6vw}}}}}}.white-svg{padding:1vw}#tech-stack{gap:4.8vw;h3{font-size:4.5vw;margin-bottom:4.8vw}ul{gap:2.4vw;li{gap:2.4vw;border-radius:3.6vw;padding:1.2vw 2.4vw;font-size:3.5vw;img{width:8.3vw}}}}#contact{padding:4.8vw;border-radius:3.6vw;max-width:95vw}.contact-subtitle{margin-bottom:7vw;font-size:3.8vw}.contact-form{gap:4.8vw}.form-group{gap:1.9vw}.form-group label{font-size:3.4vw}.form-group input,.form-group textarea{border-radius:1.9vw;padding:2.9vw 3.8vw;font-size:3.8vw}.form-status{padding:2.9vw;border-radius:1.9vw;font-size:3.4vw}}@media(min-width:750px){footer{padding:25px 100px}.footer-copy{font-size:.9rem}.footer-nav{gap:20px;a{font-size:.9rem}}main{padding:25px 100px}#hero{.top{h1{font-size:2.5rem}p{font-size:1.3rem}}}.btn{font-size:1.1rem}#socials{gap:20px;li{width:30px}}.section{align-items:center;justify-content:center;h2{font-size:1.9rem;width:100%;text-align:center}}#about{display:flex;flex-direction:column}.about-content{align-items:center;justify-content:center;display:flex;max-width:900px;p{font-size:1.2rem;text-align:center}}#projects{flex-direction:column;div{display:flex;flex-direction:row}article{max-width:800px;.display{img{object-fit:cover}}.info{gap:25px;padding:20px;h3{font-size:1.5rem}p{font-size:1.2rem}.buttons{a{gap:10px;width:auto;span{font-size:1rem}svg{width:20px}}}}}}#tech-stack{display:flex;flex-direction:column;align-items:center;.stack-container{display:flex;justify-content:center;flex-direction:row;ul{gap:20px;li{font-size:1.3rem;img{width:40px}}}h3{text-align:center;font-size:1.5rem}}}.contact-subtitle{font-size:1.2rem}.form-group label{font-size:1rem}.form-group input,.form-group textarea{font-size:1.2rem}}