:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--accent:#00d4ff;--accent-dim:#00d4ff26;--accent-glow:#00d4ff4d;--text-primary:#fff;--text-secondary:#a0a0a0;--text-tertiary:#666;--border:#ffffff14;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--max-width:1200px;--section-padding:100px 0;--nav-height:70px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}body:after{content:"";z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}a{color:var(--accent);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}img{max-width:100%;display:block}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,textarea{font-family:var(--font-body)}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section-title{color:var(--text-primary);align-items:center;gap:1rem;margin-bottom:.5rem;font-size:2rem;font-weight:700;display:inline-flex}.section-title:before,.section-title:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);flex-shrink:0;width:60px;height:1px}.section-subtitle{color:var(--text-tertiary);font-size:.85rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:3px;margin-bottom:3rem}.accent{color:var(--accent)}.section-title .accent{animation:5s ease-in-out infinite title-accent-glitch;display:inline-block;position:relative}.section-title .accent:first-child{animation-delay:0s}.section-title .accent:nth-child(2){animation-delay:1.2s}#about .section-title .accent{animation-delay:0s}#experience .section-title .accent{animation-delay:1.3s}#projects .section-title .accent{animation-delay:2.6s}#contact .section-title .accent{animation-delay:3.9s}@keyframes title-accent-glitch{0%,6%,to{text-shadow:none;transform:translate(0)}1%{text-shadow:2px 0 #ff0040,-2px 0 #00ff9f;transform:translate(-2px,1px)}2%{text-shadow:-2px 0 #ff0040,2px 0 #00ff9f;transform:translate(2px,-1px)}3%{text-shadow:1px 0 #ff0040,-1px 0 #00ff9f;transform:translate(-1px,-1px)}4%{text-shadow:-1px 0 #ff0040,1px 0 #00ff9f;transform:translate(1px,1px)}5%{text-shadow:none;transform:translate(0)}}.section-title .accent:hover{text-shadow:2px 0 #ff0040,-2px 0 #00ff9f;animation:.3s ease-in-out title-accent-hover-glitch}@keyframes title-accent-hover-glitch{0%,to{text-shadow:none;transform:translate(0)}25%{text-shadow:2px 0 #ff0040,-2px 0 #00ff9f;transform:translate(-2px,1px)}50%{text-shadow:-2px 0 #ff0040,2px 0 #00ff9f;transform:translate(2px,-1px)}75%{text-shadow:1px 0 #ff0040,-1px 0 #00ff9f;transform:translate(-1px,-1px)}}.glass{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);border-radius:16px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--accent-dim);color:var(--text-primary)}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--accent-glow), 0 0 16px transparent}50%{box-shadow:0 0 12px var(--accent-glow), 0 0 24px var(--accent-dim)}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}@keyframes typing-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes float-drift{0%{opacity:.04;transform:translateY(0)translate(0)}25%{opacity:.07}50%{opacity:.04;transform:translateY(-30px)translate(10px)}75%{opacity:.06}to{opacity:.04;transform:translateY(0)translate(0)}}@media (width<=768px){:root{--section-padding:60px 0}.container{padding:0 16px}.section-title{font-size:1.6rem}.section-title:before,.section-title:after{width:20px}}@media (width<=480px){.hero-name{letter-spacing:0!important;font-size:clamp(1.2rem,5.5vw,2.5rem)!important}.container{padding:0 20px!important}}@media (width<=768px){.hero-cta-buttons{flex-direction:column!important;align-items:center!important;width:100%!important}.hero-cta-buttons a{text-align:center!important;width:100%!important;max-width:280px!important}}.glitch-block{background:var(--accent);pointer-events:none;z-index:-1;opacity:0;position:fixed}.glitch-block--1{width:60px;height:3px;animation:3.5s infinite block-glitch-a;top:10%;left:5%}.glitch-block--2{width:40px;height:5px;animation:4.5s 1s infinite block-glitch-b;top:35%;right:8%}.glitch-block--3{width:75px;height:2px;animation:3s 2s infinite block-glitch-a;bottom:40%;left:20%}.glitch-block--4{width:35px;height:7px;animation:5s .5s infinite block-glitch-b;bottom:15%;right:3%}.glitch-block--5{width:50px;height:4px;animation:4s 1.5s infinite block-glitch-a;top:60%;left:40%}.glitch-block--6{width:45px;height:3px;animation:3.5s 3s infinite block-glitch-b;top:80%;right:25%}.glitch-block--7{width:150px;height:1px;animation:5s .8s infinite block-glitch-a;top:25%;left:0}.glitch-block--8{width:180px;height:2px;animation:4s 2.5s infinite block-glitch-b;top:70%;right:0}@keyframes block-glitch-a{0%,92%,to{opacity:0;transform:translate(0)}93%{opacity:.06;transform:translate(5px)}95%{opacity:0;transform:translate(0)}96%{opacity:.04;transform:translate(-3px)}98%{opacity:0;transform:translate(0)}}@keyframes block-glitch-b{0%,90%,to{opacity:0;transform:translate(0)}91%{opacity:.05;transform:translate(-4px)}93%{opacity:0;transform:translate(0)}94%{opacity:.03;transform:translate(6px)}96%{opacity:.06;transform:translate(-2px)}97%{opacity:0;transform:translate(0)}}.scan-sweep{background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;pointer-events:none;z-index:2;width:100%;height:2px;animation:9s linear infinite scan-sweep;position:fixed;top:0;left:0}@keyframes scan-sweep{0%,78%,to{opacity:0;top:-2px}80%{opacity:.08;top:0}98%{opacity:.08;top:100vh}99%{opacity:0;top:100vh}}