@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}#root{width:100vw;height:100%;display:flex;flex-direction:column}:root{--main-bg: #020202;--text-color: #222;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:var(--main-bg);color:var(--text-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:justify;min-height:100vh;background-color:#000;font-family:Arial,sans-serif}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.banner{height:calc(100vh - 70px);width:100%;color:#fff;display:flex;justify-content:center;align-items:center;padding:2rem;position:relative;overflow:hidden;background-color:#000}#tsparticles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.banner-content{display:flex;flex-wrap:wrap-reverse;align-items:center;justify-content:center;gap:3rem;max-width:1200px;width:100%;position:relative;z-index:1}.banner-image{flex:1;display:flex;justify-content:center;align-items:center;position:relative;min-width:300px}.banner-image img{max-width:420px;height:auto;object-fit:cover;border-radius:50%;border:3px solid rgba(255,215,0,.5);box-shadow:0 0 25px #ffd70099;animation:slowFloat 6s ease-in-out infinite;transition:transform .4s ease,box-shadow .4s ease}.banner-image:before,.banner-image:after{content:"";position:absolute;width:80%;height:80%;border:2px solid gold;opacity:0;transition:transform .5s ease,opacity .5s ease;animation:spin 15s linear infinite}@keyframes appear{to{transform:scale(1);opacity:.6}}.banner-image:before{border-radius:60% 40%/40% 60%;border-right-color:transparent;border-bottom-color:transparent;transform:scale(.9);animation:spin 15s linear infinite reverse,appear 1s ease-out .5s forwards}.banner-image:after{border-radius:40% 60%/60% 40%;border-left-color:transparent;border-top-color:transparent;transform:scale(1.1);animation:spin 12s linear infinite,appear 1s ease-out .5s forwards}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slowFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.banner-text{flex:1.5;max-width:600px;font-family:Share Tech Mono,monospace}.banner-text h1{font-family:Orbitron,sans-serif;font-size:3.5rem;font-weight:700;margin-bottom:.5rem;color:#fff;text-transform:uppercase}.banner-text .subheading{color:gold;font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:400;display:block;min-height:2.5rem;margin-bottom:1.5rem}.banner-text p{font-size:1.1rem;margin-bottom:2rem;line-height:1.7;color:silver}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:.8rem 2rem;background-color:transparent;color:gold;text-decoration:none;font-weight:700;font-family:Orbitron,sans-serif;border-radius:5px;border:2px solid gold;position:relative;overflow:hidden;transition:color .4s ease-in-out;z-index:1}.cta-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:gold;transform:translate(-100%);transition:transform .4s ease-in-out;z-index:-1}.cta-button:hover{color:#000}.cta-button:hover:before{transform:translate(0)}.cta-button .cta-icon{transition:transform .3s ease}.cta-button:hover .cta-icon{transform:translateY(2px) scale(1.1)}@media (max-width: 992px){.banner-text h1{font-size:2.8rem}.banner-text .subheading{font-size:1.5rem}}@media (max-width: 768px){.banner{padding:4rem 1rem}.banner-content{flex-direction:column-reverse;text-align:center;gap:2rem}.banner-image img{max-width:250px}.banner-text h1{font-size:2.2rem}.banner-text .subheading{font-size:1.3rem;min-height:2rem}.banner-text p{font-size:1rem}}.navbar{background:#000;padding:1rem 2rem;width:100%;height:70px;z-index:100;box-sizing:border-box;display:flex;justify-content:center;align-items:center;position:relative}.navbar-links{display:flex;gap:2.5rem;align-items:center}.navbar-links a{text-decoration:none;color:#e0e0e0;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:.5rem 0;position:relative;transition:color .3s ease-in-out;text-transform:uppercase}.navbar-links a:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:gold;transform-origin:center;transition:transform .3s ease-in-out}.navbar-links a:hover{color:#fff}.navbar-links a:hover:after{transform:scaleX(1)}.navbar-links a.active{color:gold}.navbar-links a.active:after{transform:scaleX(1)}.hamburger{display:none;padding:15px;cursor:pointer;background-color:transparent;border:0;z-index:1001;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.hamburger-box{width:30px;height:24px;display:inline-block;position:relative}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{width:30px;height:3px;background-color:#fff;border-radius:4px;position:absolute;transition:transform .25s ease-in-out,background-color .25s ease-in-out}.hamburger-inner{top:50%;transform:translateY(-50%)}.hamburger-inner:before,.hamburger-inner:after{content:"";display:block}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}@media (max-width: 768px){.navbar{justify-content:flex-end}.hamburger{display:inline-block}.navbar-links{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000f2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);visibility:hidden;opacity:0;transform:translateY(-100%);transition:transform .4s ease,opacity .4s ease,visibility .4s;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.nav-open .navbar-links{visibility:visible;opacity:1;transform:translateY(0);z-index:1000}.navbar-links a{font-size:1.5rem}.nav-open .hamburger-inner{background-color:gold;transform:rotate(45deg)}.nav-open .hamburger-inner:before{transform:rotate(-90deg) translate(-10px);background-color:gold}.nav-open .hamburger-inner:after{transform:rotate(-90deg) translate(10px);background-color:gold}}.about-section{background-color:#000;color:#e0e0e0;padding:5rem 2rem;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:Share Tech Mono,monospace}.about-container{display:flex;gap:4rem;align-items:flex-start;max-width:1200px;width:100%}.about-image-container{flex:1;position:relative;display:flex;justify-content:center;align-items:center;animation:fadeIn 1s ease-in-out}.about-image-container img{width:100%;max-width:400px;height:auto;border-radius:10px;border:3px solid transparent;box-shadow:0 10px 30px #ffd70033;background:linear-gradient(#000,#000) padding-box,linear-gradient(145deg,gold,#4a3a00) border-box;animation:borderGlow 1.5s ease-out forwards}@keyframes borderGlow{0%{border-color:#ffd70000}to{border-color:gold}}.about-content-container{flex:1.5;animation:fadeIn 1s ease-in-out .2s;animation-fill-mode:backwards}.about-title{font-family:Orbitron,sans-serif;font-size:3rem;color:#fff;text-transform:uppercase;margin-bottom:.5rem;position:relative;display:inline-block}.about-title:after{content:"";position:absolute;bottom:-5px;left:0;height:3px;width:70%;background-color:gold}.about-subtitle{font-family:Orbitron,sans-serif;color:gold;font-size:1.5rem;margin-bottom:2rem;font-weight:400}.about-intro{font-size:1.1rem;line-height:1.7;margin-bottom:2.5rem}.info-section{margin-bottom:2.5rem}.info-section h3{font-family:Orbitron,sans-serif;font-size:1.4rem;color:#fff;border-left:3px solid gold;padding-left:1rem;margin-bottom:1.5rem}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-card,.hobby-card{background:#ffffff0d;border:1px solid rgba(255,215,0,.2);border-radius:8px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.info-card:hover,.hobby-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #ffd70026;border-color:#ffd70080}.info-card h4{margin:0 0 .5rem;color:#fff;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.info-card p{margin:0;font-size:.9rem;color:silver}.card-badge{display:inline-block;background-color:#ffd70026;color:gold;padding:.25rem .6rem;border-radius:4px;font-size:.8rem;margin-top:1rem;font-weight:700}.hobby-card{display:flex;align-items:center;gap:1rem;font-size:1rem}.hobby-icon{color:gold;font-size:1.5rem}.social-links{display:flex;gap:1.5rem}.social-links a{color:silver;font-size:2rem;transition:color .3s ease,transform .3s ease}.social-links a:hover{color:gold;transform:scale(1.1)}@media (max-width: 992px){.about-container{flex-direction:column;align-items:center;text-align:center}.about-content-container{width:100%;max-width:600px}.about-title:after{left:50%;transform:translate(-50%)}.info-section h3{border-left:none;border-bottom:2px solid gold;padding-left:0;padding-bottom:.5rem;display:inline-block}.social-links{justify-content:center}}@media (max-width: 600px){.about-section{padding:4rem 1rem}.about-title{font-size:2.2rem}.about-subtitle{font-size:1.2rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.experience-section{background-color:#000;color:#e0e0e0;padding:5rem 2rem;min-height:100vh;font-family:Share Tech Mono,monospace}.experience-container{display:grid;grid-template-columns:1fr 2fr;gap:4rem;max-width:1400px;margin:0 auto}.tech-stack{background:#ffffff08;border:1px solid rgba(255,215,0,.2);border-radius:10px;padding:2rem;align-self:start;position:sticky;top:100px}.stack-title{font-family:Orbitron,sans-serif;font-size:2rem;color:#fff;margin-bottom:2rem;text-align:center;border-bottom:2px solid gold;padding-bottom:.5rem}.skill-group{margin-bottom:2rem}.skill-group h3{font-family:Orbitron,sans-serif;color:gold;font-weight:400;margin-bottom:1rem;font-size:1.2rem}.skills-grid{display:flex;flex-wrap:wrap;gap:.75rem}.skill-tag{display:inline-flex;align-items:center;gap:.5rem;background-color:#ffd7001a;border:1px solid rgba(255,215,0,.3);color:#e0e0e0;padding:.5rem 1rem;border-radius:5px;font-size:.9rem;transition:transform .3s ease,background-color .3s ease}.skill-tag:hover{transform:scale(1.05);background-color:#ffd70033}.timeline-title{font-family:Orbitron,sans-serif;font-size:2.5rem;color:#fff;margin-bottom:3rem}.opensource-title{margin-top:4rem}.timeline-items{position:relative;padding-left:3rem}.timeline-items:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:3px;background-color:#ffd7004d}.timeline-item{margin-bottom:3rem;position:relative;padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,215,0,.2);border-radius:8px;transition:border-color .3s ease}.timeline-item:hover{border-color:#ffd70099}.timeline-dot{position:absolute;left:-42px;top:28px;width:15px;height:15px;background-color:#000;border:3px solid gold;border-radius:50%;z-index:1}.timeline-date{position:absolute;left:-150px;top:25px;color:#888;width:120px;text-align:right;font-size:.9rem}.timeline-content h3{font-size:1.4rem;color:#fff;margin:0 0 .5rem}.timeline-content h3 span{color:gold;font-weight:400}.timeline-content ul{list-style:none;padding-left:0;margin:0}.timeline-content li{margin-bottom:.5rem;line-height:1.6;padding-left:1.2rem;position:relative}.timeline-content li:before{content:"»";position:absolute;left:0;color:gold;font-weight:700}@media (max-width: 1024px){.experience-container{grid-template-columns:1fr}.tech-stack{position:static;width:100%}.timeline-date{position:static;width:auto;text-align:left;color:#aaa;margin-bottom:.5rem;font-size:1rem;font-weight:700}.timeline-items{padding-left:2rem}.timeline-dot{left:-29px}}@media (max-width: 600px){.experience-section{padding:4rem 1rem}.timeline-title{font-size:2rem}}.projects-section{background-color:#000;color:#e0e0e0;padding:5rem 2rem;min-height:100vh;font-family:Share Tech Mono,monospace}.projects-main-title{text-align:center;font-family:Orbitron,sans-serif;font-size:2rem;color:#fff;margin-bottom:4rem;text-transform:uppercase}.projects-container{display:flex;flex-direction:column;gap:5rem;max-width:1200px;margin:0 auto}.project-card{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;align-items:center;background:#ffffff0d;border:1px solid rgba(255,215,0,.2);border-radius:10px;padding:2rem;transition:box-shadow .3s ease,border-color .3s ease}.project-card:hover{box-shadow:0 10px 40px #ffd7001a;border-color:#ffd70080}.project-card:nth-child(2n) .project-image{grid-column:2;grid-row:1}.project-card:nth-child(2n) .project-content{grid-column:1;grid-row:1}.project-image{border-radius:8px;overflow:hidden;height:100%}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{display:flex;flex-direction:column}.project-tagline{font-family:Orbitron,sans-serif;color:gold;font-size:1rem;margin-bottom:.5rem;letter-spacing:1px;text-transform:uppercase}.project-title{font-family:Orbitron,sans-serif;font-size:2rem;color:#fff;margin:0 0 1rem}.project-description{font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.features-title{color:#fff;font-size:1.1rem;margin:1rem 0 .75rem;font-family:Orbitron,sans-serif}.features-list{list-style:none;padding:0;margin:0 0 1.5rem}.features-list li{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.features-list li svg{color:gold;font-size:1.1rem;flex-shrink:0}.project-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.tech-tag{background-color:#ffd70026;color:gold;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:700}.tech-tag{display:inline-flex;align-items:center;gap:.4rem;background-color:#ffd70026;color:gold;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:700}.project-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:auto}.project-button{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background-color:transparent;color:gold;text-decoration:none;font-weight:700;font-family:Orbitron,sans-serif;border-radius:5px;border:2px solid gold;transition:all .3s ease}.project-button:hover{background-color:gold;color:#000;transform:translateY(-2px)}.project-button.disabled{color:#777;border-color:#555;background-color:transparent;pointer-events:none;opacity:.6}@media (max-width: 992px){.project-card,.project-card:nth-child(2n){grid-template-columns:1fr}.project-card:nth-child(2n) .project-image,.project-card:nth-child(2n) .project-content{grid-column:1;grid-row:auto}.project-image{max-height:250px}}@media (max-width: 600px){.projects-section{padding:4rem 1rem}.projects-main-title{font-size:2.2rem}.project-card{padding:1.5rem}}.contact-section{background-color:#000;color:#e0e0e0;padding:5rem 2rem;min-height:80vh;display:flex;align-items:center;justify-content:center;font-family:Share Tech Mono,monospace}.contact-container{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;max-width:1200px;width:100%;background:#ffffff08;padding:3rem;border-radius:10px;border:1px solid rgba(255,215,0,.2)}.contact-info{padding-right:4rem;border-right:1px solid rgba(255,215,0,.3);position:relative}.contact-info:after{content:"";position:absolute;right:-2px;top:0;height:100%;width:3px;background:gold;filter:blur(4px);opacity:.6}.contact-image{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid gold;margin-bottom:1.5rem;box-shadow:0 0 20px #ffd70066}.contact-info h2{font-family:Orbitron,sans-serif;color:#fff;font-size:2rem;margin-bottom:1rem}.contact-info p{line-height:1.7;margin-bottom:2rem}.info-details{display:flex;flex-direction:column;gap:1.5rem}.info-item{display:flex;align-items:center;gap:1rem;color:#e0e0e0;text-decoration:none;font-size:1rem;transition:color .3s ease}.info-item:hover{color:gold}.info-item svg{color:gold;font-size:1.2rem}.contact-form-container{display:flex;flex-direction:column}.contact-form-container form{width:100%;display:flex;flex-direction:column}.contact-form-container h2{font-family:Orbitron,sans-serif;color:#fff;font-size:2rem;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:1rem;background-color:#00000080;border:1px solid #444;border-radius:5px;color:#fff;font-family:Share Tech Mono,monospace;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:gold;box-shadow:0 0 10px #ffd70080}.form-button,.cv-button{padding:.8rem 1.5rem;font-family:Orbitron,sans-serif;font-size:1rem;color:#000;background-color:gold;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .3s ease;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.75rem}.form-button:hover:not(:disabled){background-color:#ffec80;transform:translateY(-2px)}.form-button:disabled{background-color:#555;color:#999;cursor:not-allowed}.cv-button{margin-top:2rem;background-color:transparent;border:2px solid gold;color:gold}.cv-button:hover{background-color:gold;color:#000;transform:translateY(-2px)}.status-message{margin-top:1rem;padding:.75rem;border-radius:5px;text-align:center}.status-message.success{background-color:#00ff001a;border:1px solid green;color:#90ee90}.status-message.error{background-color:#ff00001a;border:1px solid red;color:#ffcccb}@media (max-width: 992px){.contact-container{grid-template-columns:1fr;padding:2rem}.contact-info{border-right:none;padding-right:0;text-align:center;border-bottom:1px solid rgba(255,215,0,.3);padding-bottom:2rem}.contact-info:after{display:none}.info-details{align-items:center}}