:root{--bg-dark: #05010d;--accent-pink: #ff71ce;--accent-cyan: #01cdfe;--accent-purple: #b967ff;--text-main: #ffffff;--glass: rgba(5, 1, 13, .7)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}h1,h2,.logo{font-family:Syncopate,sans-serif;text-transform:uppercase;letter-spacing:5px}.navbar{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 10%;z-index:1000;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);background:#05010db3;border-bottom:1px solid rgba(1,205,254,.2)}.logo{font-weight:900;color:#fff;font-size:1.4rem;letter-spacing:2px}.logo span{color:var(--accent-cyan);text-shadow:0 0 10px var(--accent-cyan)}.links{display:flex;align-items:center}.links a{margin-left:2.5rem;text-decoration:none;color:#ffffffb3;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;transition:color .3s ease,text-shadow .3s ease}.links a:hover,.links a.active{color:var(--accent-cyan);text-shadow:0 0 8px var(--accent-cyan)}.links a.active{position:relative}.links a.active:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:2px;background:var(--accent-cyan);box-shadow:0 0 12px var(--accent-cyan);border-radius:2px}.links a[href="#contact"].active{color:var(--accent-cyan);text-shadow:0 0 8px var(--accent-cyan)}.links a[href="#contact"].active:after{background:var(--accent-cyan);box-shadow:0 0 12px var(--accent-cyan)}.hamburger{display:none;cursor:pointer;flex-direction:column;gap:5px;z-index:2000}.bar{display:block;width:25px;height:2px;background-color:#fff;transition:.3s}@media(max-width:768px){.hamburger{display:flex}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.links{position:fixed;top:0;right:-100%;height:100vh;width:70%;background:#05010dfa;flex-direction:column;justify-content:center;align-items:center;transition:.4s ease-in-out;z-index:1500}.links.active{right:0}.links a{margin:1.5rem 0;font-size:1.2rem}}@media(max-width:768px){.navbar{padding:1rem 5%}.links{position:fixed;top:0;right:-100%;height:100vh;width:70%;background:#05010df2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;transition:.4s ease-in-out;border-left:1px solid rgba(1,205,254,.2)}.links.active{right:0}.links a{margin:1.5rem 0;font-size:1rem;width:100%;text-align:center}.links a.active:after{bottom:-10px;width:40%;left:30%}}.hero h1{font-size:clamp(2.5rem,10vw,5rem);margin-bottom:.5rem;text-transform:none}.scroll-indicator{position:absolute;bottom:50px;left:50%;transform:translate(-50%);cursor:pointer;z-index:10}.about-section{padding:100px 10%;display:flex;justify-content:center}.profile-frame{position:relative;width:320px;height:320px;border:4px solid var(--accent-cyan);z-index:1}.profile-img{width:100%;height:100%;object-fit:cover;filter:saturate(40%) contrast(140%) brightness(110%);position:relative;z-index:2}.frame-accent{position:absolute;bottom:-15px;right:-15px;width:100%;height:100%;border:2px solid var(--accent-pink);z-index:0}.section-title{font-size:2.5rem}.skills-section{padding:100px 10%}.skill-card{background:#ffffff05;border:1px solid rgba(1,205,254,.1);padding:.8rem 1rem;display:flex;align-items:center;gap:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;transition:all .3s ease}.skill-icon{width:24px;height:24px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 0 5px rgba(1,205,254,.4))}.projects-section{padding:100px 10%}.project-card{background:linear-gradient(145deg,#ffffff0d,#05010d);border:1px solid rgba(185,103,255,.2);padding:2rem;transition:.4s}.project-title{font-family:Syncopate,sans-serif;font-size:1.2rem;margin-bottom:.5rem}.project-tech{font-size:.75rem;color:var(--accent-purple);text-transform:uppercase;display:block;margin-bottom:1.5rem}.project-desc{font-size:.9rem;color:#ccc;line-height:1.6}@media(max-width:768px){.projects-section{padding:60px 20px}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{width:100%;padding:1.5rem;transform:none!important}}@media(max-width:400px){.projects-grid{grid-template-columns:1fr}.project-title{font-size:1.1rem}}.contact-section{padding:150px 0 50px;text-align:center}.contact-container{padding:0 10%}.contact-status{font-family:monospace;color:var(--accent-cyan);text-transform:uppercase;margin-bottom:4rem}.social-card{display:flex;flex-direction:column;align-items:center;gap:15px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:2rem 3rem;text-decoration:none;color:#fff;min-width:180px}.system-line-full{height:1px;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background:linear-gradient(90deg,transparent,var(--accent-purple),var(--accent-cyan),var(--accent-purple),transparent);box-shadow:0 0 15px #b967ff66}.footer-info{display:flex;justify-content:space-between;padding:20px 10%;font-size:.65rem;opacity:.4;text-transform:uppercase}@media(max-width:768px){.hero,.about-section,.skills-section,.projects-section,.contact-section{padding:80px 5%!important}.projects-grid{grid-template-columns:1fr}.about-container{gap:2rem}.navbar{padding:1rem 5%}.links a{margin-left:1rem;font-size:.65rem}.footer-info{flex-direction:column;gap:10px}}.hero{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.hero-bg-gif{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.6}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,.3),var(--bg-dark));z-index:-1}.hero h1{font-size:clamp(2.5rem,10vw,5rem);text-shadow:0 0 20px var(--accent-pink);margin-bottom:.5rem;text-transform:none!important}.subtitle{color:var(--accent-cyan);letter-spacing:1px;font-size:1.9rem}.scroll-indicator{position:absolute;bottom:50px;left:50%;transform:translate(-50%);cursor:pointer;z-index:10;display:flex;flex-direction:column;align-items:center}.retro-arrow{display:flex;flex-direction:column;align-items:center}.chevron{width:20px;height:20px;border-right:3px solid var(--accent-cyan);border-bottom:3px solid var(--accent-cyan);transform:rotate(45deg);margin-top:-8px;filter:drop-shadow(0 0 5px var(--accent-cyan))}.chevron:last-child{border-color:var(--accent-pink);filter:drop-shadow(0 0 5px var(--accent-pink))}html{scroll-behavior:smooth}.skills-section{padding:100px 10%;background:var(--bg-dark)}.skills-header{text-align:center;margin-bottom:5rem}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.category-title{font-family:Syncopate,sans-serif;font-size:.8rem;color:var(--accent-purple);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:3px;display:flex;align-items:center;gap:10px}.category-title:after{content:"";height:1px;flex:1;background:linear-gradient(to right,rgba(185,103,255,.5),transparent)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.8rem}.skill-icon{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(1,205,254,.4))}.skill-card{background:#ffffff05;border:1px solid rgba(1,205,254,.1);padding:.8rem 1rem;display:flex;align-items:center;gap:12px;font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.skill-card:hover{background:#01cdfe0d;border-color:var(--accent-cyan);box-shadow:0 0 20px #01cdfe33}.skill-card:hover .skill-icon{filter:drop-shadow(0 0 8px var(--accent-cyan)) brightness(1.2)}.about-section{padding:100px 10%;background:var(--bg-dark);display:flex;justify-content:center;align-items:center}.about-container{display:flex;gap:4rem;align-items:center;max-width:1100px;flex-wrap:wrap}.about-image-wrapper{flex:1;min-width:300px;display:flex;justify-content:center}.profile-frame{position:relative;width:320px;height:320px;border:4px solid var(--accent-cyan);z-index:0}.profile-img{width:100%;height:100%;object-fit:cover;filter:grayscale(10%) saturate(70%) contrast(140%) brightness(110%);position:relative;z-index:2;transition:filter .4s ease}.frame-accent{position:absolute;bottom:-15px;right:-15px;width:100%;height:100%;border:2px solid var(--accent-pink);z-index:-1}.about-content{flex:1.5;min-width:300px}.about-box{background:#ffffff08;border-left:4px solid var(--accent-purple);padding:2rem;margin-top:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 8px 8px 0}.about-text{font-size:1.1rem;line-height:1.8;color:#ccc;margin-bottom:1rem}.about-text strong{color:var(--accent-cyan)}.section-title{font-size:2.5rem;margin-top:.5rem}.projects-section{padding:100px 10%;background:var(--bg-dark)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem}.project-card{background:linear-gradient(145deg,#ffffff0d,#05010d);border:1px solid rgba(185,103,255,.2);padding:2rem;position:relative;transition:.4s}.project-card:hover{border-color:var(--accent-pink);transform:translateY(-10px);box-shadow:0 10px 30px #ff71ce26}.card-top{display:flex;justify-content:space-between;margin-bottom:1.5rem}.project-title{font-family:Syncopate,sans-serif;font-size:1.2rem;color:var(--text-main);margin-bottom:.5rem}.project-tech{font-size:.75rem;color:var(--accent-purple);text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:1.5rem}.project-desc{font-size:.9rem;color:#ccc;line-height:1.6;margin-bottom:2rem}.card-glitch-line{height:1px;width:40px;background:var(--accent-pink);box-shadow:0 0 10px var(--accent-pink)}.contact-section{padding:150px 10% 50px;background:var(--bg-dark);text-align:center}.contact-header h2{font-size:3rem;margin-bottom:1rem}.contact-status{font-family:monospace;color:var(--accent-cyan);letter-spacing:2px;text-transform:uppercase;margin-bottom:4rem}.social-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:6rem}.social-card{display:flex;flex-direction:column;align-items:center;gap:15px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:2rem 3rem;text-decoration:none;color:#fff;transition:.3s;min-width:180px}.social-card img{width:32px;height:32px}.social-card span{font-size:.8rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.footer-bottom{margin-top:4rem;opacity:.4;font-size:.7rem;letter-spacing:3px}.system-line-full{height:1px;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background:linear-gradient(90deg,transparent 0%,var(--accent-purple) 20%,var(--accent-cyan) 50%,var(--accent-purple) 80%,transparent 100%);box-shadow:0 0 15px #b967ff66;opacity:.6}.footer-info{margin-top:1rem;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:.65rem;letter-spacing:2px;text-transform:uppercase}@media(max-width:768px){.footer-info{flex-direction:column;gap:10px}}