:root{--dark-bg: #0F1419;--dark-bg-secondary: #1A1F2E;--dark-bg-card: #252D3D;--dark-bg-card-hover: #2D3548;--terracotta: #FF6B5A;--terracotta-light: #FF8A7A;--electric-blue: #4A9EFF;--tech-cyan: #5FFFD7;--tech-purple: #B794F6;--warm-orange: #FFB366;--text-primary: #E8E9ED;--text-secondary: #A0A4B8;--text-muted: #72768C;--border-color: rgba(74, 158, 255, .2);--shadow-color: rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--dark-bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(74,158,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(74,158,255,.05) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}h1,h2,h3,h4,h5,h6{font-family:Courier New,monospace;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}span{background:linear-gradient(135deg,var(--terracotta),var(--electric-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar{position:sticky;top:0;z-index:1000;background:#0f1419f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000080;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--terracotta),var(--electric-blue),var(--tech-cyan)) 1;transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none;position:relative;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.nav-logo:before{content:"●●●";font-size:.5rem;letter-spacing:2px;background:linear-gradient(90deg,var(--terracotta),var(--terracotta-light),var(--electric-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-logo:hover{transform:translateY(-2px);color:var(--electric-blue)}.nav-menu{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-item{position:relative}.nav-links{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:1rem;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative;display:inline-block}.nav-links:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--terracotta),var(--electric-blue));transition:all .3s ease;transform:translate(-50%)}.nav-links:hover:after{width:80%}.nav-links:hover{color:var(--electric-blue);background:#4a9eff1a}.nav-links.active{color:var(--electric-blue);background:#4a9eff26;position:relative}.nav-links.active:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--electric-blue);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.5;transform:translateY(-50%) scale(1.3)}}@media(max-width:768px){.nav-container{flex-direction:column;gap:1rem}.nav-menu{gap:1rem}}.home-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1}.hero{max-width:800px;text-align:center;animation:fadeInUp 1s ease-out;background:#252d3d99;padding:4rem 3rem;border-radius:20px;box-shadow:0 10px 40px #00000080;border:1px solid rgba(74,158,255,.2);position:relative;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero h1{font-size:3rem;margin-bottom:1rem;color:var(--text-primary);font-family:Courier New,monospace;position:relative}.hero h1 span{display:inline-block;animation:textGlow 3s ease-in-out infinite}@keyframes textGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.hero h2{font-size:1.3rem;color:var(--text-secondary);margin-bottom:1.5rem;font-weight:500;font-family:Segoe UI,sans-serif}.hero p{font-size:1.1rem;color:var(--text-muted);margin-bottom:1rem;line-height:1.8}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;margin-top:2.5rem;flex-wrap:wrap}.btn-primary,.btn-outline{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:Courier New,monospace;border:none;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#b84a38,#2e6bb5);color:#fff;box-shadow:0 4px 15px #4a9eff66}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 25px #4a9eff99;background:linear-gradient(135deg,var(--terracotta),var(--electric-blue))}.btn-outline{background:#4a9eff1a;color:var(--electric-blue);border:2px solid var(--electric-blue)}.btn-outline:hover{background:var(--electric-blue);color:var(--dark-bg);transform:translateY(-3px);box-shadow:0 6px 20px #4a9eff66}@media(max-width:768px){.hero{padding:3rem 2rem}.hero h1{font-size:2rem}.hero h2{font-size:1.1rem}.hero-buttons{flex-direction:column;gap:1rem}.btn-primary,.btn-outline{width:100%}}.projects-container{min-height:100vh;padding:5rem 2rem;max-width:1400px;margin:0 auto;animation:fadeIn .8s ease-out;position:relative;z-index:1}.projects-container h1{font-size:3rem;margin-bottom:3rem;color:var(--text-primary);font-family:Courier New,monospace;text-align:center}.projects-container h1:before{content:"> ";color:var(--electric-blue);margin-right:.5rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.project-card{background:#252d3d99;border-radius:20px;padding:2rem;box-shadow:0 8px 25px #0000004d;border:2px solid transparent;transition:all .4s ease;position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column}.project-card:before{content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(45deg,var(--terracotta),var(--electric-blue),var(--tech-cyan),var(--terracotta));background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;animation:gradient-rotate 6s ease infinite}.project-card:hover:before{opacity:1}.project-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #4a9eff66}.project-card:after{content:"</>";position:absolute;top:10px;right:15px;font-family:Courier New,monospace;font-size:2rem;color:var(--electric-blue);opacity:.08;transition:all .3s ease}.project-card:hover:after{opacity:.15;transform:rotate(10deg)}.project-card h3{font-size:1.6rem;color:var(--text-primary);margin-bottom:1rem;font-family:Courier New,monospace;position:relative}.card-top{flex:1;margin-bottom:1.5rem}.project-card h3:before{content:"// ";color:var(--text-muted);font-size:1rem;margin-right:.3rem}.project-card p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;font-size:1.05rem}.card-bottom{margin-top:auto}.tech-stack{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.tech-badge{background:linear-gradient(135deg,#ff6b5a33,#4a9eff33);color:var(--text-primary);padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-family:Courier New,monospace;border:1px solid rgba(74,158,255,.4);transition:all .3s ease;background-clip:padding-box!important;-webkit-background-clip:padding-box!important;-webkit-text-fill-color:var(--text-primary)!important}.tech-badge:hover{background:linear-gradient(135deg,#ff6b5a66,#4a9eff66);transform:translateY(-2px);border-color:var(--electric-blue)}.card-links{display:flex;gap:1rem;margin-top:1.5rem}.github-link,.live-demo-link{flex:1;text-align:center;padding:.8rem 1.5rem;border-radius:10px;text-decoration:none;font-weight:600;font-family:Courier New,monospace;transition:all .3s ease;position:relative;overflow:hidden}.github-link{background:var(--dark-bg-card);color:#fff;border:2px solid rgba(74,158,255,.4)}.github-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.github-link:hover:before{left:100%}.github-link:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4a9eff66;border-color:var(--electric-blue)}.live-demo-link{background:linear-gradient(135deg,#b84a38,#2e6bb5);color:#fff;border:2px solid transparent}.live-demo-link:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4a9eff99;background:linear-gradient(135deg,var(--terracotta),var(--electric-blue))}@media(max-width:768px){.projects-container{padding:3rem 1.5rem}.projects-container h1{font-size:2.2rem}.projects-grid{grid-template-columns:1fr}.card-links{flex-direction:column}}.about-container{min-height:100vh;padding:5rem 2rem;max-width:1200px;margin:0 auto;animation:fadeIn .8s ease-out;position:relative;z-index:1}.about-container h1{font-size:3rem;margin-bottom:.5rem;color:var(--text-primary);font-family:Courier New,monospace;position:relative;display:inline-block}.about-container h1:before{content:"> ";color:var(--electric-blue);margin-right:.5rem}.about-subtitle{font-size:1.3rem;color:var(--text-secondary);margin-bottom:3rem;font-family:Courier New,monospace}.about-layout{display:flex;gap:3rem;align-items:flex-start;margin-bottom:4rem}.about-text{flex:1}.profile-section{position:relative}.profile-image-wrapper{position:relative;width:250px;height:250px}.profile-image-wrapper:before{content:"";position:absolute;inset:-10px;background:linear-gradient(45deg,var(--terracotta),var(--electric-blue),var(--tech-cyan),var(--terracotta));background-size:300% 300%;border-radius:50%;z-index:-1;animation:gradient-rotate 6s ease infinite;opacity:.6}.profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--dark-bg-card);box-shadow:0 10px 30px #00000080;transition:transform .3s ease}.profile-image:hover{transform:scale(1.05)}.bio{background:#252d3d99;padding:2.5rem;border-radius:16px;border-left:5px solid var(--terracotta);box-shadow:0 8px 25px #0000004d;position:relative;overflow:hidden}.bio:before{content:"{";position:absolute;top:10px;right:20px;font-size:4rem;font-family:Courier New,monospace;color:var(--electric-blue);opacity:.05}.bio:after{content:"}";position:absolute;bottom:10px;right:20px;font-size:4rem;font-family:Courier New,monospace;color:var(--electric-blue);opacity:.05}.bio p{font-size:1.1rem;line-height:1.9;color:var(--text-secondary);margin-bottom:1.2rem}.bio p:last-child{margin-bottom:0}.skills{background:#252d3d99;padding:3rem;border-radius:20px;box-shadow:0 8px 25px #0000004d;position:relative}.skills h2{font-size:2.2rem;margin-bottom:2rem;color:var(--text-primary);font-family:Courier New,monospace}.skills h2:before{content:"> ";color:var(--electric-blue);margin-right:.5rem}.skills ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:0}.skills li{background:linear-gradient(135deg,#ff6b5a1a,#4a9eff1a);padding:1rem 1.5rem;border-radius:12px;border:2px solid rgba(74,158,255,.3);font-family:Courier New,monospace;font-size:1rem;color:var(--text-primary);transition:all .3s ease;position:relative;cursor:default;display:flex;align-items:center;justify-content:center;height:80px;text-align:center}.skills li:before{content:"📦 ";margin-right:.5rem}.skills li:hover{transform:translateY(-5px) scale(1.02);border-color:var(--electric-blue);background:linear-gradient(135deg,#ff6b5a33,#4a9eff33);box-shadow:0 8px 20px #4a9eff66}@media(max-width:768px){.about-container{padding:3rem 1.5rem}.about-layout{flex-direction:column-reverse;align-items:center;gap:2rem}.profile-image-wrapper{width:200px;height:200px}.skills ul{grid-template-columns:1fr}.about-container h1{font-size:2.2rem}}.contact-container{min-height:100vh;padding:5rem 2rem;max-width:1000px;margin:0 auto;text-align:center;animation:fadeIn .8s ease-out;position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.contact-container h1{font-size:3rem;color:var(--text-primary);margin-bottom:1rem;font-family:Courier New,monospace}.contact-container h1:before{content:"> ";color:var(--electric-blue);margin-right:.5rem}.contact-container>p{font-size:1.3rem;color:var(--text-secondary);margin-bottom:4rem;font-family:Courier New,monospace}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.contact-item{background:#252d3d99;padding:2.5rem 2rem;border-radius:20px;box-shadow:0 8px 25px #0000004d;transition:all .4s ease;position:relative;overflow:hidden;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px}.contact-item:before{content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,var(--terracotta),var(--electric-blue),var(--tech-cyan));background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;animation:gradient-rotate 4s ease infinite}@keyframes gradient-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.contact-item:hover:before{opacity:1}.contact-item:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 15px 40px #4a9eff66}.contact-item span{font-size:3rem;display:block;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.contact-item:hover span{animation:none;transform:scale(1.2);transition:transform .3s ease}.contact-item-body{width:100%;display:flex;flex-direction:column;align-items:center}.contact-item-body h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem;font-family:Courier New,monospace;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:var(--text-primary)!important}.email-button{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#c85a47,#3a7fcc);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-family:Courier New,monospace;transition:all .3s ease;position:relative;overflow:hidden;margin-top:.5rem;text-align:center;white-space:nowrap;font-size:.9rem}.email-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.email-button:hover:before{left:100%}.email-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4a9eff80;background:linear-gradient(135deg,var(--terracotta),var(--electric-blue))}.contact-container:before{content:"{ contact: [";position:absolute;top:120px;left:50px;font-family:Courier New,monospace;font-size:1.5rem;color:var(--electric-blue);opacity:.05}.contact-container:after{content:"] }";position:absolute;bottom:50px;right:50px;font-family:Courier New,monospace;font-size:1.5rem;color:var(--electric-blue);opacity:.05}@media(max-width:768px){.contact-container{padding:3rem 1.5rem}.contact-container h1{font-size:2.2rem}.contact-info{grid-template-columns:1fr}.contact-container:before,.contact-container:after{display:none}}