:root{--color-bg: #0a0a0f;--color-bg-alt: #12121a;--color-primary: #00f2ff;--color-secondary: #ff00a0;--color-tertiary: #b217ff;--color-text: #ffffff;--color-text-dim: #9c9ca7;--color-border: #26263a;--color-line: #474769;--color-success: #00ff47;--color-warning: #ffe600;--color-danger: #ff3e3e;--shadow-neon: 0 0 10px var(--color-primary), 0 0 20px rgba(0, 242, 255, .3);--shadow-box: 0 4px 20px rgba(0, 0, 0, .5);--transition-speed: .3s;--transition-speed-fast: .15s;--transition-speed-slow: .5s;--glitch-dist: 5px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-bg-alt)}body{font-family:Share Tech Mono,monospace;background-color:var(--color-bg);color:var(--color-text);font-size:16px;line-height:1.6;overflow-x:hidden;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:1px;line-height:1.2;margin-bottom:1rem}h1{font-size:3.5rem;text-transform:uppercase}h2{font-size:2rem;text-transform:uppercase}h3{font-size:1.5rem}p{margin-bottom:1.5rem}a{color:var(--color-primary);text-decoration:none;transition:all var(--transition-speed) ease}a:hover{color:var(--color-secondary);text-shadow:var(--shadow-neon)}.accent{color:var(--color-primary)}.bracket{color:var(--color-secondary)}.grid-container{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;width:100%;max-width:1600px;margin:0 auto;padding:0 1rem;position:relative;z-index:1}.noise{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' fill='%23ffffff'/%3E%3C/svg%3E");background-repeat:repeat}.header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--color-border);position:sticky;top:0;background-color:#0a0a0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.logo{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:2px}.nav ul{display:flex;list-style-type:none;gap:2rem}.nav-link{position:relative;font-size:.85rem;letter-spacing:1px;padding:.5rem 0;font-weight:700}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-speed) ease}.nav-link:hover:after{width:100%}.nav-link.active{color:var(--color-primary)}.nav-link.active:after{width:100%}.content{padding:2rem 0}.section{padding:4rem 0;opacity:0;transform:translateY(20px);transition:all var(--transition-speed-slow) ease}.section.active{opacity:1;transform:translateY(0)}.section-header{display:flex;align-items:center;margin-bottom:3rem}.section-header h2{white-space:nowrap;margin-bottom:0}.decoration-line{height:1px;background:linear-gradient(90deg,var(--color-primary),transparent);flex-grow:1;margin-left:1.5rem;position:relative}.decoration-line:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;background-color:var(--color-primary)}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100vh - 5rem);gap:2rem}.glitch-container{position:relative;margin-bottom:2rem}.glitch{position:relative;color:var(--color-text);text-shadow:0 0 5px var(--color-primary);animation:glitch-skew 1s infinite linear alternate-reverse}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch:before{color:var(--color-primary);animation:glitch-anim 5s infinite linear alternate-reverse;clip-path:polygon(0 0,100% 0,100% 35%,0 35%);transform:translate(var(--glitch-dist))}.glitch:after{color:var(--color-secondary);animation:glitch-anim-2 5s infinite linear alternate-reverse;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);transform:translate(calc(var(--glitch-dist) * -1))}@keyframes glitch-anim{0%{clip-path:polygon(0 0,100% 0,100% 5%,0 5%);transform:translate(var(--glitch-dist))}10%{clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%);transform:translate(var(--glitch-dist))}20%{clip-path:polygon(0 20%,100% 20%,100% 35%,0 35%);transform:translate(var(--glitch-dist))}30%{clip-path:polygon(0 35%,100% 35%,100% 35%,0 35%);transform:translate(var(--glitch-dist))}40%{clip-path:polygon(0 45%,100% 45%,100% 45%,0 45%);transform:translate(var(--glitch-dist))}50%{clip-path:polygon(0 50%,100% 50%,100% 70%,0 70%);transform:translate(var(--glitch-dist))}60%{clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%);transform:translate(var(--glitch-dist))}70%{clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%);transform:translate(var(--glitch-dist))}80%{clip-path:polygon(0 85%,100% 85%,100% 85%,0 85%);transform:translate(var(--glitch-dist))}90%{clip-path:polygon(0 90%,100% 90%,100% 95%,0 95%);transform:translate(var(--glitch-dist))}to{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);transform:translate(var(--glitch-dist))}}@keyframes glitch-anim-2{0%{opacity:1;transform:translate(calc(var(--glitch-dist) * -1));clip-path:polygon(0 0,100% 0,100% 5%,0 5%)}10%{transform:translate(calc(var(--glitch-dist) * -1));clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%)}20%{transform:translate(calc(var(--glitch-dist) * -1));clip-path:polygon(0 30%,100% 30%,100% 35%,0 35%)}30%{transform:translate(calc(var(--glitch-dist) * -1));clip-path:polygon(0 35%,100% 35%,100% 40%,0 40%)}40%{transform:translate(calc(var(--glitch-dist) * -1));clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%)}50%{transform:translate(calc(var(--glitch-dist) * -1));clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}60%{transform:translate(calc(var(--glitch-dist) * -1));clip-path:polygon(0 65%,100% 65%,100% 70%,0 70%)}70%{transform:translate(calc(var(--glitch-dist) * -1));clip-path:polygon(0 70%,100% 70%,100% 85%,0 85%)}80%{transform:translate(calc(var(--glitch-dist) * -1));clip-path:polygon(0 85%,100% 85%,100% 90%,0 90%)}90%{transform:translate(calc(var(--glitch-dist) * -1));clip-path:polygon(0 90%,100% 90%,100% 95%,0 95%)}to{transform:translate(calc(var(--glitch-dist) * -1));clip-path:polygon(0 95%,100% 95%,100% 100%,0 100%)}}@keyframes glitch-skew{0%{transform:skew(0)}10%{transform:skew(1deg)}20%{transform:skew(0)}30%{transform:skew(0)}40%{transform:skew(0)}50%{transform:skew(-1deg)}60%{transform:skew(0)}70%{transform:skew(1deg)}80%{transform:skew(0)}90%{transform:skew(-1deg)}to{transform:skew(0)}}.terminal{width:100%;max-width:700px;background-color:var(--color-bg-alt);border-radius:0;border:1px solid var(--color-border);box-shadow:var(--shadow-box);margin:2rem 0;overflow:hidden;transition:all var(--transition-speed) ease}.terminal:hover{border-color:var(--color-primary);box-shadow:0 0 15px #00f2ff4d}.terminal-header{background-color:#0a0a0fcc;padding:.5rem 1rem;display:flex;align-items:center;border-bottom:1px solid var(--color-border)}.terminal-button{width:12px;height:12px;border-radius:50%;background:var(--color-danger);margin-right:6px}.terminal-button:nth-child(2){background:var(--color-warning)}.terminal-button:nth-child(3){background:var(--color-success)}.terminal-title{margin-left:.5rem;font-size:.8rem;color:var(--color-text-dim);letter-spacing:1px}.terminal-content{padding:1rem;font-family:Share Tech Mono,monospace;line-height:1.6}.terminal-line{margin-bottom:.5rem;opacity:0;animation:fade-in .5s forwards}.terminal-line:nth-child(1){animation-delay:.2s}.terminal-line:nth-child(2){animation-delay:1s}.terminal-line:nth-child(3){animation-delay:2s}.terminal-line:nth-child(4){animation-delay:3s}.terminal-line:nth-child(5){animation-delay:4s}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.typing-text{display:inline-block;overflow:hidden;white-space:nowrap;animation:typing 3s steps(40,end)}@keyframes typing{0%{width:0}to{width:100%}}.cursor{display:inline-block;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.blink{animation:cursor-blink 1s infinite}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.cta-container{display:flex;gap:1.5rem;margin-top:2rem}.cta-button{background-color:transparent;color:var(--color-text);font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:.8rem 1.5rem;border:1px solid var(--color-primary);cursor:pointer;transition:all var(--transition-speed) ease;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,242,255,.2),transparent);transition:all var(--transition-speed) ease}.cta-button:hover{background-color:#00f2ff1a;box-shadow:0 0 10px #00f2ff80}.cta-button:hover:before{left:100%}.cta-button:active{transform:scale(.98)}.about-content{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:center}.about-image{display:flex;justify-content:center;align-items:center}.image-frame{width:250px;height:250px;position:relative;display:flex;justify-content:center;align-items:center}.image-container{width:220px;height:220px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.hex-image{width:100%;height:100%;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background-image:url(https://source.unsplash.com/random/500x500?portrait);background-size:cover;background-position:center;transition:all var(--transition-speed) ease}.image-frame:hover .hex-image{transform:scale(1.05)}.frame-corner{position:absolute;width:20px;height:20px;border:2px solid var(--color-primary)}.top-left{top:0;left:0;border-right:none;border-bottom:none}.top-right{top:0;right:0;border-left:none;border-bottom:none}.bottom-left{bottom:0;left:0;border-right:none;border-top:none}.bottom-right{bottom:0;right:0;border-left:none;border-top:none}.glitch-text{position:relative;font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;display:inline-block;color:var(--color-primary)}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;width:100%;height:100%;background:var(--color-bg);overflow:hidden;top:0}.glitch-text:before{left:3px;text-shadow:-2px 0 var(--color-secondary);animation:glitch-1 2s infinite linear alternate-reverse}.glitch-text:after{left:-3px;text-shadow:2px 0 var(--color-tertiary);animation:glitch-2 3s infinite linear alternate-reverse}@keyframes glitch-1{0%{clip-path:inset(20% 0 60% 0)}20%{clip-path:inset(30% 0 40% 0)}40%{clip-path:inset(50% 0 30% 0)}60%{clip-path:inset(10% 0 70% 0)}80%{clip-path:inset(80% 0 10% 0)}to{clip-path:inset(0% 0 90% 0)}}@keyframes glitch-2{0%{clip-path:inset(10% 0 70% 0)}20%{clip-path:inset(40% 0 30% 0)}40%{clip-path:inset(60% 0 20% 0)}60%{clip-path:inset(30% 0 50% 0)}80%{clip-path:inset(70% 0 20% 0)}to{clip-path:inset(20% 0 60% 0)}}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.stat{border:1px solid var(--color-border);padding:1rem;text-align:center;transition:all var(--transition-speed) ease}.stat:hover{border-color:var(--color-primary);box-shadow:0 0 10px #00f2ff4d}.stat-number{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.stat-label{font-size:.8rem;letter-spacing:1px;color:var(--color-text-dim)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.project-card{border:1px solid var(--color-border);overflow:hidden;position:relative;height:250px;transition:all var(--transition-speed) ease}.project-card:hover{border-color:var(--color-primary);box-shadow:0 0 15px #00f2ff4d}.project-image{width:100%;height:100%;background-image:var(--bg-image);background-size:cover;background-position:center;position:relative;transition:transform var(--transition-speed) ease}.project-card:hover .project-image{transform:scale(1.05)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(10,10,15,.9),rgba(10,10,15,.5),transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;opacity:0;transform:translateY(20px);transition:all var(--transition-speed) ease}.project-card:hover .project-overlay{opacity:1;transform:translateY(0)}.project-overlay h3{margin-bottom:.5rem;color:var(--color-primary)}.project-overlay p{font-size:.9rem;margin-bottom:1rem}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap}.project-tags span{font-size:.7rem;padding:.25rem .5rem;background-color:#00f2ff1a;border:1px solid var(--color-primary);color:var(--color-primary);letter-spacing:1px}.view-more{margin-top:3rem;text-align:center}.more-button{background-color:transparent;color:var(--color-text);font-family:Share Tech Mono,monospace;font-size:.9rem;padding:.6rem 1.2rem;border:1px solid var(--color-line);cursor:pointer;transition:all var(--transition-speed) ease}.more-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.arrow{display:inline-block;margin-left:.5rem;transition:transform var(--transition-speed) ease}.more-button:hover .arrow{transform:translate(5px)}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.skill-category{margin-bottom:2rem}.category-title{color:var(--color-primary);font-size:1.2rem;margin-bottom:1.5rem;position:relative;display:inline-block}.category-title:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:2px;background-color:var(--color-primary)}.skill-grid{display:grid;gap:1.5rem}.skill-item{position:relative;background-color:var(--color-bg-alt);border:1px solid var(--color-border);padding:1.2rem 1.5rem;transition:all var(--transition-speed) ease}.skill-item:hover{border-color:var(--color-primary);box-shadow:0 0 10px #00f2ff4d}.skill-level{position:absolute;bottom:0;left:0;height:3px;width:var(--level);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));z-index:1}.skill-name{font-weight:700;margin-bottom:.5rem}.skill-percent{font-size:.8rem;color:var(--color-text-dim)}.contact-container{display:grid;grid-template-columns:1fr 2fr;gap:3rem}.contact-info{display:flex;flex-direction:column;justify-content:space-between}.contact-item{display:flex;align-items:center;margin-bottom:1.5rem}.contact-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--color-primary);border:1px solid var(--color-primary);margin-right:1rem}.contact-detail{font-size:1rem}.social-links{display:flex;gap:1rem;margin-top:2rem}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:var(--color-text);border:1px solid var(--color-border);transition:all var(--transition-speed) ease}.social-link:hover{color:var(--color-primary);border-color:var(--color-primary);text-shadow:none}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{position:relative}.form-input{width:100%;padding:1rem;background-color:var(--color-bg-alt);border:none;color:var(--color-text);font-family:Share Tech Mono,monospace;font-size:1rem;outline:none;position:relative;z-index:1}.form-textarea{min-height:150px;resize:vertical}.form-label{position:absolute;left:1rem;top:1rem;font-size:1rem;color:var(--color-text-dim);transition:all var(--transition-speed) ease;pointer-events:none;z-index:2}.form-input:not(:-moz-placeholder)+.form-label{top:-10px;left:0;font-size:.8rem;color:var(--color-primary)}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label{top:-10px;left:0;font-size:.8rem;color:var(--color-primary)}.input-border{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--color-border);transition:all var(--transition-speed) ease}.form-input:focus~.input-border{height:2px;background-color:var(--color-primary)}.submit-button{background-color:transparent;color:var(--color-text);font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;letter-spacing:1px;padding:1rem 2rem;border:1px solid var(--color-primary);margin-top:1rem;cursor:pointer;transition:all var(--transition-speed) ease;position:relative;overflow:hidden;align-self:flex-end}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,242,255,.2),transparent);transition:all var(--transition-speed) ease}.submit-button:hover{background-color:#00f2ff1a;box-shadow:0 0 10px #00f2ff80}.submit-button:hover:before{left:100%}.submit-button:active{transform:scale(.98)}.button-icon{display:inline-block;margin-left:.5rem;transition:transform var(--transition-speed) ease}.submit-button:hover .button-icon{transform:translate(5px)}.footer{border-top:1px solid var(--color-border);padding:2rem 0}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.footer-logo{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;color:var(--color-primary)}.footer-copyright{font-size:.8rem;color:var(--color-text-dim)}.footer-decoration{display:flex;align-items:center;justify-content:center}.footer-line{height:1px;flex-grow:1;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.footer-dot{width:5px;height:5px;background-color:var(--color-primary);margin:0 1rem;transform:rotate(45deg)}@media screen and (max-width: 1200px){h1{font-size:3rem}.about-content,.contact-container{grid-template-columns:1fr;gap:2rem}.contact-info{order:2}.contact-form{order:1}}@media screen and (max-width: 768px){.header{flex-direction:column;gap:1rem;padding:1rem 0}h1{font-size:2.5rem}.nav ul{gap:1rem}.hero{min-height:auto}.section{padding:3rem 0}.projects-grid,.skills-container{grid-template-columns:1fr}.cta-container{flex-direction:column;gap:1rem}.cta-button{width:100%}.footer-content{flex-direction:column;gap:1rem;text-align:center}}@media screen and (max-width: 480px){h1{font-size:2rem}h2{font-size:1.5rem}.nav ul{flex-wrap:wrap;justify-content:center}.section-header{flex-direction:column;gap:1rem}.decoration-line{margin-left:0;width:100%}.submit-button{width:100%}}