@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--primary: #64ffda;--primary-dark: #52d3b3;--secondary: #5271ff;--dark: #0a192f;--darker: #020c1b;--light: #ccd6f6;--lighter: #e6f1ff;--gray: #8892b0;--matrix-color: #00ff9d;--matrix-bg: rgba(5, 10, 20, .95);--gradient-start: rgba(10, 25, 47, .9);--gradient-mid: rgba(100, 255, 218, .1);--gradient-end: rgba(10, 25, 47, .9);--font-mono: "JetBrains Mono", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition: all .25s cubic-bezier(.645, .045, .355, 1);--border-radius: 4px;--navbar-height: 90px}*{margin:0;padding:0;box-sizing:border-box}body{position:relative;min-height:100vh;color:var(--light);font-family:var(--font-sans);line-height:1.5;overflow-x:hidden;padding-top:var(--navbar-height);background-color:transparent}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-mid) 50%,var(--gradient-end) 100%);pointer-events:none}h1,h2,h3,h4,h5,h6{margin:0 0 10px;font-weight:600;color:var(--lighter)}a{text-decoration:none;color:inherit;transition:var(--transition)}section{padding:100px 0;position:relative}code{font-family:var(--font-mono);font-size:.9em}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--darker)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes colorPulse{0%,to{color:var(--primary)}50%{color:var(--secondary)}}@keyframes matrixGlow{0%{text-shadow:0 0 5px var(--matrix-color)}to{text-shadow:0 0 20px var(--matrix-color),0 0 30px var(--matrix-color)}}.fade-in{animation:fadeIn .5s ease-in-out forwards}.float{animation:float 6s ease-in-out infinite}.pulse{animation:colorPulse 8s infinite alternate}.matrix-glow{animation:matrixGlow 2s ease-in-out infinite alternate}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.bg-dark{background-color:var(--dark)}.bg-darker{background-color:var(--darker)}.content-container{background:#0a192fb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;padding:2rem;margin:1rem 0}@media (max-width: 768px){body{padding-top:70px}section{padding:70px 0}.content-container{padding:1.5rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.header-terminal-wrapper{position:sticky;top:0;z-index:10;background:linear-gradient(to bottom,var(--darker) 0%,transparent 100%);padding-bottom:20px}@media (max-width: 768px){.header-terminal-wrapper{position:static;padding-bottom:0}.body{cursor:default}}html{scroll-behavior:smooth}section{scroll-margin-top:80px}#customCursor{position:fixed;width:24px;height:24px;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;opacity:1!important}.cursor-outer{position:absolute;width:24px;height:24px;border:2px solid #0af;border-radius:50%;transition:all .2s ease-out}.cursor-inner{position:absolute;width:6px;height:6px;background:#0af;border-radius:50%;transition:all .1s ease}#customCursor.cursor-hover .cursor-outer{transform:scale(1.8);border-color:#0f0;opacity:.7}#customCursor.cursor-hover .cursor-inner{transform:scale(.5);background:#0f0}html,body,a,button{cursor:none!important}#customCursor{filter:drop-shadow(0 0 2px rgba(0,0,0,.7))}.navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:1200px;height:var(--navbar-height);background-color:#0a192fcc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(100,255,218,.1);border-radius:12px;z-index:1000;display:flex;align-items:center;transition:var(--transition);padding:0 30px;box-shadow:0 10px 30px -15px #0003}.navbar.scrolled{top:10px;box-shadow:0 20px 30px -15px #0000004d}.navbar-container{width:100%;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;color:var(--primary);font-family:var(--font-mono);font-size:1.2rem;font-weight:700;cursor:pointer;transition:var(--transition);letter-spacing:-.5px}.logo:hover{color:var(--secondary);transform:translateY(-2px)}.code-symbol{color:var(--primary);margin-right:10px;font-weight:400}.nav-links{display:flex;align-items:center;list-style:none}.nav-links li{margin:0 12px;position:relative}.nav-link{color:var(--light);font-family:var(--font-mono);font-size:.85rem;padding:10px 0;transition:var(--transition);display:inline-block}.nav-link:hover{color:var(--primary);transform:translateY(-2px)}.link-number{color:var(--primary);margin-right:5px;font-weight:400}.nav-link.active{color:var(--primary)}.nav-link.active:before{content:">";position:absolute;left:-15px;color:var(--primary)}.resume-btn{background:transparent;color:var(--primary);border:1px solid var(--primary);border-radius:var(--border-radius);padding:12px 20px;font-family:var(--font-mono);font-size:.85rem;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;margin-left:15px;text-transform:lowercase}.resume-btn:hover{background:#64ffda1a;transform:translateY(-2px);box-shadow:0 5px 15px #64ffda33}.btn-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary);z-index:-1;transform:translateY(100%);transition:var(--transition)}.resume-btn:hover .btn-bg{transform:translateY(0)}.resume-btn:hover .btn-text{color:var(--dark)}.menu-icon{display:none;width:30px;height:20px;position:relative;cursor:pointer;z-index:1001}.bar{position:absolute;width:100%;height:2px;background-color:var(--primary);transition:var(--transition)}.bar:nth-child(1){top:0}.bar:nth-child(2){top:50%;transform:translateY(-50%)}.bar:nth-child(3){bottom:0}.bar1-open{transform:rotate(45deg) translate(5px,5px)}.bar2-open{opacity:0}.bar3-open{transform:rotate(-45deg) translate(7px,-7px)}@media (max-width: 768px){.navbar{width:calc(100% - 20px);top:10px;padding:0 20px}.menu-icon{display:block}.nav-links{position:fixed;top:-6px;right:-13px;bottom:0;width:min(75vw,400px);height:100vh;background-color:var(--darker);flex-direction:column;justify-content:center;align-items:flex-start;padding:50px;transform:translate(100%);transition:var(--transition);box-shadow:-10px 0 30px -15px #020c1bb3;border-left:1px solid rgba(100,255,218,.1);border-radius:12px}.nav-links.show{transform:translate(0)}.nav-links li{margin:20px 0}.resume-btn{margin:30px 0 0}}.navbar:hover{transform:translate(-50%,-5px);box-shadow:0 15px 35px -15px #64ffda4d}.nav-link.active:after{content:"_";animation:blink 1s step-end infinite;color:var(--primary)}.terminal-command{position:fixed;transform:translate(-100%);color:var(--primary);font-family:var(--font-mono);font-size:.75rem;background:#0a192ff2;padding:5px 10px;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:1001;border:1px solid rgba(100,255,218,.2);box-shadow:0 4px 10px #0000004d;opacity:0;transition:opacity .2s ease}.nav-links:hover .terminal-command{opacity:1}.prompt{color:var(--secondary);margin-right:10px}.nav-link{position:relative}.nav-link:hover{color:var(--primary)}.nav-link:hover:after{content:"";position:absolute;left:50%;bottom:-15px;width:8px;height:8px;background:var(--primary);transform:translate(-50%) rotate(45deg)}@media (max-width: 768px){.terminal-command{display:none}.nav-link:hover:after{display:none}}.matrix-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.matrix-canvas{display:block;width:100%;height:100%}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a192fe6,#64ffda1a,#0a192fe6);pointer-events:none}.terminal-container{width:100%;max-width:800px;margin:0 auto;margin:3rem;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000004d;background:#0a192ff2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(100,255,218,.2);height:430px;z-index:1;position:relative;top:-1px}.terminal-sup{width:85%;max-width:1200px;display:flex;justify-content:center;align-items:center;margin:0 auto;margin-top:3rem;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(100,255,218,.2);z-index:1;position:relative;top:-1px}.terminal-header{display:flex;align-items:center;padding:6px 15px;background:#050f1ef2;border-bottom:1px solid rgba(100,255,218,.1)}.terminal-buttons{display:flex;gap:8px}.terminal-btn{width:12px;height:12px;border-radius:50%}.terminal-btn.red{background:#ff5f56}.terminal-btn.yellow{background:#ffbd2e}.terminal-btn.green{background:#27c93f}.terminal-title{flex:1;text-align:center;color:var(--gray);font-family:var(--font-mono);font-size:.8rem}.terminal-body{height:300px;padding:15px;overflow-y:auto;font-family:var(--font-mono);font-size:.9rem;line-height:1.5;color:var(--light)}.terminal-line{margin-bottom:8px;white-space:pre-wrap}.terminal-line.input{color:var(--primary)}.terminal-line.response{color:var(--light)}.terminal-input-line{display:flex;align-items:center;margin-top:10px}.terminal-prompt{color:var(--primary);margin-right:8px}.terminal-input{flex:1;background:transparent;border:none;outline:none;color:var(--light);font-family:var(--font-mono);font-size:.9rem;caret-color:var(--primary)}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-track{background:transparent}.terminal-body::-webkit-scrollbar-thumb{background:#64ffda4d;border-radius:3px}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--primary)}}@media (max-width: 768px){.terminal-container{width:90%;border-radius:8px;margin-top:3rem;top:0}body{padding-top:calc(var(--navbar-height) + 1px)}.terminal-body{height:200px;font-size:.8rem;padding:10px}}.hero{width:100%;display:flex;justify-content:center;padding:40px 0;position:relative}.hero-container{width:85%;max-width:1200px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;padding:40px;border:.5px solid rgba(100,255,218,.2);box-shadow:0 10px 30px -15px #020c1bb3;margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.hero-content{display:flex;flex-direction:column;background:#0a192fcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:5px solid rgba(10,255 47,.8);border-radius:13px;padding:20px}.hero-terminal{font-family:var(--font-mono);font-size:1rem;line-height:1.8;margin-bottom:25px}.terminal-line{margin-bottom:8px}.cursor{color:var(--primary);margin-left:2px;opacity:0;animation:blink 1s infinite}.cursor.visible{opacity:1}.hero-actions{display:flex;gap:15px;margin-top:20px}.hero-btn{display:flex;align-items:center;padding:10px 18px;border-radius:4px;font-family:var(--font-mono);font-size:.9rem;cursor:pointer;transition:var(--transition);background:#64ffda1a;color:var(--primary);border:1px solid var(--primary);border:none}.hero-btn.secondary{background:#5271ff1a;color:var(--secondary);border:1px solid var(--secondary)}.hero-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #64ffda33}.btn-arrow{margin-left:8px;transition:var(--transition)}.hero-btn:hover .btn-arrow{transform:translate(3px)}.profile-image-container{position:relative;width:250px;height:250px;margin:0 auto 30px}.profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover;position:relative;z-index:2;border:3px solid rgba(100,255,218,.3)}.profile-image-container{position:relative;width:200px;height:200px;margin:auto}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 0 20px #00bcd480;transition:transform .3s ease}.profile-image:hover{transform:scale(1.05);border:#00bcd4 3px dashed}.image-border-effect{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:3px dashed #00bcd4;animation:rotateBorder 6s linear infinite}.hero-visual{display:flex;flex-direction:column;background:#0a192fcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:5px solid rgba(10,255 47,.8);border-radius:10px;padding:20px}.tech-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.tech-item{display:flex;flex-direction:column;align-items:center;gap:8px}.tech-icon{width:60px;height:60px;border-radius:50%;border:3px solid #00bcd4;padding:5px;background-color:#fff;box-shadow:0 4px 10px #00bcd44d;object-fit:contain;transition:transform .3s ease}.tech-icon:hover{transform:scale(1.1)}.tech-name{font-family:var(--font-mono);font-size:.7rem;color:var(--light)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes rotateBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;gap:30px}.hero-visual{order:-1;margin-bottom:30px}.profile-image-container{width:200px;height:200px}}@media (max-width: 768px){.hero-container{width:95%;padding:30px 20px}.tech-stack{grid-template-columns:repeat(2,1fr)}.hero-actions{flex-direction:column}}.services{width:100%;display:flex;justify-content:center;padding:40px 0}.services-container{width:85%;max-width:1200px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;padding:40px;border:.5px solid rgba(100,255,218,.2);box-shadow:0 10px 30px -15px #020c1bb3}.services-header{margin-bottom:30px}.services-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.service-box{background:#152137e6;padding:20px;border-radius:10px;border:1px solid rgba(100,255,218,.2);transition:transform .3s ease,box-shadow .3s ease}.service-box:hover{transform:translateY(-5px);box-shadow:0 8px 20px #64ffda33}.service-title{font-family:var(--font-mono);font-size:1.1rem;color:var(--secondary);margin-top:10px}.service-desc{font-family:var(--font-sans);font-size:.9rem;color:var(--light);margin-top:8px;line-height:1.6}@media (max-width: 768px){.services-container{width:95%;padding:30px 20px}.service-title{font-size:1rem}.service-desc{font-size:.85rem}}.projects{width:100%;display:flex;justify-content:center;padding:50px 0}.projects-container{width:85%;max-width:1200px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;padding:40px;border:.5px solid rgba(100,255,218,.2);box-shadow:0 10px 30px -15px #020c1bb3}.projects-header{margin-bottom:30px}.projects-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.project-box{background:#152137e6;padding:20px;border-radius:10px;border:1px solid rgba(100,255,218,.2);transition:transform .3s ease,box-shadow .3s ease}.project-box:hover{transform:translateY(-5px);box-shadow:0 8px 20px #64ffda33}.project-preview{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background-color:#1e1e1e;border-radius:12px;overflow:hidden;margin:10px 0}.project-preview img{max-width:100%;max-height:100%;object-fit:contain}.project-title{font-family:var(--font-mono);font-size:1.1rem;color:var(--secondary);margin-top:12px}.project-desc{font-family:var(--font-sans);font-size:.9rem;color:var(--light);margin-top:6px;line-height:1.5}.project-preview{width:100%;height:200px;border-radius:8px;overflow:hidden;margin-top:10px;background:#0d1b2a}.transparent{width:85%;max-width:1200px;display:flex;justify-content:center;align-items:center;margin:0 auto;margin-top:3rem;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(100,255,218,.2);z-index:1;position:relative;top:-1px;margin-bottom:2%}.contact{width:100%;display:flex;justify-content:center;padding:50px 0}.contact-container{width:85%;max-width:900px;background:#0a192fcc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;padding:40px;border:.5px solid rgba(100,255,218,.2);box-shadow:0 10px 30px -15px #020c1bb3}.contact-header{margin-bottom:30px;font-family:var(--font-mono);font-size:1rem}.contact-content{display:flex;flex-direction:column;gap:30px}.contact-message p{color:var(--light);font-size:1rem;font-family:var(--font-sans);margin-bottom:10px}.email-link{color:var(--primary);font-family:var(--font-mono);text-decoration:none;font-size:1.1rem;transition:color .3s}.email-link:hover{color:var(--secondary);text-decoration:underline}.social-section{margin-top:20px}.social-icons{display:flex;gap:20px;margin-top:10px;padding-left:30px}.social-icon{background-color:#152137e6;border:1px solid rgba(100,255,218,.2);border-radius:12px;padding:12px;color:var(--light);font-size:1.4rem;transition:transform .3s ease,background-color .3s ease}.social-icon:hover{transform:scale(1.1);background-color:#64ffda1a}.social-icon.github:hover{color:#f5f5f5}.social-icon.linkedin:hover{color:#0a66c2}.social-icon.email:hover{color:#ea4335}.social-icon.instagram:hover{color:#e1306c}.prompt{color:var(--primary);margin-right:10px}.output{color:var(--light);padding-left:30px}.contact-buttons{display:flex;gap:20px;margin-top:15px}.contact-action{display:flex;align-items:center;gap:10px;background-color:#64ffda14;border:1px solid rgba(100,255,218,.3);color:var(--primary);text-decoration:none;font-family:var(--font-mono);padding:10px 18px;border-radius:8px;font-size:.95rem;transition:all .3s ease}.contact-action:hover{background-color:#64ffda26;transform:scale(1.05)}.contact-action.call{color:#00b894;border-color:#00b8944d}.btn-icon{font-size:1.2rem}