header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0e1217cc;left:0;padding:1.5rem 0;position:fixed;top:0;width:100%;z-index:100}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 4rem}.logo img{height:40px;transition:transform .3s ease;width:auto}.logo a:hover img{transform:scale(1.1)}nav ul{display:flex;gap:2rem;list-style:none}nav ul li a{color:var(--secondary-text);font-size:.95rem;position:relative;text-decoration:none;transition:color .3s ease}nav ul li a:after{background-color:var(--accent-color);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}nav ul li a.active,nav ul li a:hover{color:var(--primary-text)}nav ul li a.active:after,nav ul li a:hover:after{width:100%}@media (max-width:768px){.header-container{padding:0 2rem}nav ul{gap:1rem}}@media (max-width:576px){.header-container{padding:0 1.5rem}nav ul{gap:.8rem}nav ul li a{font-size:.85rem}}.social-sidebar{align-items:center;bottom:0;display:flex;flex-direction:column;left:30px;position:fixed;z-index:10}.social-icon{color:var(--secondary-text);font-size:1.2rem;margin-bottom:20px;transition:all .3s ease}.social-icon:hover{color:var(--accent-color);transform:translateY(-4px)}.vertical-line{background-color:var(--secondary-text);height:100px;width:1px}@media (max-width:768px){.social-sidebar{display:none}}.terminal-window{background-color:#0d1117;border:1px solid #30363d;border-radius:8px;box-shadow:0 15px 25px #0000004d;height:300px;margin:0 auto;max-width:500px;overflow:hidden;position:relative;width:90%;z-index:2}.terminal-header{align-items:center;background-color:#161b22;border-bottom:1px solid #30363d;display:flex;padding:8px 15px}.terminal-buttons{display:flex;gap:8px}.terminal-button{border-radius:50%;height:12px;width:12px}.close{background-color:#ff5f56}.minimize{background-color:#ffbd2e}.maximize{background-color:#27c93f}.terminal-title{color:#8b949e;flex:1 1;font-family:var(--font-mono);font-size:.8rem;text-align:center}.terminal-content{color:#c9d1d9;font-family:var(--font-mono);font-size:.85rem;height:calc(100% - 33px);overflow-y:auto;padding:15px}.terminal-line{margin-bottom:8px}.blink{animation:blink-animation 1s steps(2,start) infinite}@keyframes blink-animation{to{visibility:hidden}}.hero-section{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding-top:80px;position:relative}.hero-content{align-items:center;display:flex;gap:4rem;justify-content:space-between}.hero-text{flex:1 1}.hero-text h1{color:var(--primary-text);font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:1.5rem}.hero-text .highlight{color:var(--secondary-text);font-weight:400}.hero-text .accent{color:var(--accent-color);display:inline-block;position:relative}.description{font-size:1.1rem;margin-bottom:2rem;max-width:500px}.cta-button{background-color:initial;border:1px solid var(--accent-color);border-radius:4px;color:var(--accent-color);display:inline-block;font-family:var(--font-mono);font-size:.9rem;margin-top:1rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.cta-button:hover{background-color:#64ffda1a;transform:translateY(-3px)}.hero-visual{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.computer-setup{height:400px;position:relative;width:100%}.decoration-dots{background-image:radial-gradient(circle,var(--accent-color) 2px,#0000 2px);background-size:15px 15px;height:100px;position:absolute;right:0;top:50px;width:100px;z-index:1}.decoration-box{border:2px solid var(--accent-color);bottom:50px;height:150px;left:20px;opacity:.2;position:absolute;width:150px;z-index:1}@media (max-width:992px){.hero-content{flex-direction:column;gap:2rem}.hero-text h1{font-size:2rem}.computer-setup{height:350px}}@media (max-width:576px){.hero-text h1{font-size:1.8rem}.description{font-size:1rem}}.project-card{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 10px 30px -15px #00000080;transform:translateY(-8px)}.project-image{height:200px;overflow:hidden;width:100%}.project-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-info{padding:1.5rem}.project-title{color:var(--primary-text);font-size:1.3rem;margin-bottom:1rem}.project-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-tech-stack span{background-color:#64ffda1a;border-radius:20px;color:var(--secondary-text);font-family:var(--font-mono);font-size:.7rem;padding:.3rem .7rem}.project-description{color:var(--secondary-text);font-size:.9rem;margin-bottom:1.5rem}.project-links{display:flex;gap:1rem}.project-link{align-items:center;color:var(--accent-color);display:flex;font-size:.9rem;text-decoration:none;transition:color .3s ease}.project-link:hover{color:var(--primary-text)}.arrow-small{margin-left:5px}.view-all-image{align-items:center;background-color:#141923b3;display:flex;justify-content:center;overflow:hidden;position:relative}.view-all-image:before{background:radial-gradient(circle at 30% 25%,#64ffda0d 0,#0000 50%),radial-gradient(circle at 70% 75%,#64ffda0d 0,#0000 50%);border:1px dashed #64ffda4d;border-radius:4px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.view-all-overlay{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;transition:transform .5s ease;width:100%;z-index:2}.view-all-overlay i{color:#64ffda;font-size:3rem;margin-bottom:1rem;transition:transform .5s ease}.view-all-overlay h3{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:2px;text-shadow:0 0 10px #64ffda80;text-transform:uppercase}.project-card:hover .view-all-overlay{transform:scale(1.05)}.project-card:hover .view-all-overlay i{transform:rotate(90deg)}.project-card:hover .view-all-image:before{border-color:#64ffdacc;box-shadow:0 0 15px #64ffda4d}.view-all-image:after{background-image:radial-gradient(circle,#64ffda 1px,#0000 0),radial-gradient(circle,#64ffda 1px,#0000 0);background-position:0 0,10px 10px;background-size:20px 20px;content:"";height:100%;opacity:.15;position:absolute;width:100%;z-index:0}.project-card.hidden{display:none}.project-card{animation:fadeInUp .5s forwards;opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.project-card:first-child{animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:nth-child(4){animation-delay:.4s}.project-card:nth-child(5){animation-delay:.5s}.project-card:nth-child(6){animation-delay:.6s}.project-card:nth-child(7){animation-delay:.7s}.project-card:nth-child(8){animation-delay:.8s}.project-card:nth-child(9){animation-delay:.9s}.project-card:nth-child(10){animation-delay:1s}.works-section{padding:5rem 0}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media (max-width:768px){.project-card{margin:0 auto;max-width:400px}.projects-grid{grid-template-columns:1fr}}.about-section{padding:5rem 0}.about-container{display:flex;gap:4rem}.about-content{max-width:800px}.about-content p{font-size:1.05rem;margin-bottom:1.5rem}.about-content p:first-child{color:var(--primary-text);font-size:1.3rem;font-weight:500}@media (max-width:768px){.about-container{flex-direction:column}}.skills-section{padding:5rem 0}.skills-container{margin-top:2rem}.skills-grid-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.skills-category{margin-bottom:1.5rem}.category-title{color:var(--primary-text);font-family:var(--font-mono);font-size:1.2rem;margin-bottom:1rem;padding-left:1rem;position:relative}.category-title:before{background-color:var(--accent-color);border-radius:2px;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:5px}.skills-list{display:flex;flex-wrap:wrap;gap:.8rem}.skill-tag{background-color:#64ffda1a;border-radius:4px;color:var(--primary-text);font-family:var(--font-mono);font-size:.8rem;padding:.4rem .8rem;transition:all .3s ease}.skill-tag:hover{background-color:#64ffda33;transform:translateY(-3px)}@media (max-width:768px){.skills-grid-container{grid-template-columns:1fr 1fr}}@media (max-width:576px){.skills-grid-container{grid-template-columns:1fr}}.contact-section{padding:5rem 0}.contact-container{align-items:flex-start;display:flex;gap:4rem;justify-content:space-between}.contact-content{flex:1 1}.contact-text{font-size:1.1rem;line-height:1.8;max-width:500px}.contact-box{background-color:var(--secondary-bg);border:1px solid var(--border-color);border-radius:8px;flex-basis:350px;padding:2rem}.contact-box-title{color:var(--primary-text);font-size:1.3rem;margin-bottom:1.5rem;text-align:center}.contact-links{display:flex;flex-direction:column;gap:1.5rem}.contact-link{align-items:center;color:var(--secondary-text);display:flex;padding:.5rem 0;text-decoration:none;transition:color .3s ease}.contact-link-icon,.contact-link:hover{color:var(--accent-color)}.contact-link-icon{font-size:1.2rem;margin-right:1rem}.contact-link-text{font-family:var(--font-mono);font-size:.9rem}@media (max-width:992px){.contact-container{flex-direction:column}.contact-box{width:100%}}@media (max-width:576px){.contact-text{font-size:1rem}}.site-footer{background-color:var(--secondary-bg);border-top:1px solid var(--border-color);padding:3rem 0 1.5rem;position:relative;width:100%}.footer-content{margin:0 auto;max-width:1200px;padding:0 4rem}.footer-main{display:flex;justify-content:space-between;margin-bottom:3rem}.footer-left{max-width:60%}.footer-brand{align-items:center;display:flex;gap:1.5rem;margin-bottom:1.5rem}.footer-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-color) 0,#00e0ffcc 100%);-webkit-background-clip:text;background-clip:text;border:1px solid #64ffda33;border-radius:4px;box-shadow:0 0 10px #64ffda1a;color:var(--accent-color);font-family:var(--font-mono);font-size:2rem;font-weight:700;padding:.5rem}.footer-tagline{display:flex;flex-direction:column}.quote-by{color:var(--accent-color);font-size:.9rem;font-weight:500;margin-bottom:.2rem}.quote{font-size:.9rem;font-style:italic}.footer-bio,.quote{color:var(--secondary-text)}.footer-bio{font-size:.95rem;line-height:1.6;margin-bottom:2rem;margin-top:1rem}.feedback-section{border-top:1px solid #ffffff0d;margin-top:2rem;padding-top:1.5rem}.feedback-section h3{color:var(--primary-text);font-size:1.1rem;font-weight:500;margin-bottom:1.2rem;padding-bottom:.5rem;position:relative}.feedback-section h3:after{background-color:var(--accent-color);bottom:0;content:"";height:2px;left:0;position:absolute;width:2rem}.feedback-form{flex-direction:column}.feedback-form,.form-row{display:flex;gap:1rem}.feedback-form input,.feedback-form textarea{background-color:#141923b3;border:1px solid var(--border-color);border-radius:4px;color:var(--primary-text);font-family:var(--font-sans);font-size:.9rem;padding:.8rem 1rem;transition:all .3s ease}.form-row input{flex:1 1}.feedback-form textarea{height:100px;resize:vertical}.feedback-form input:focus,.feedback-form textarea:focus{border-color:var(--accent-color);box-shadow:0 0 8px #64ffda33;outline:none}.feedback-form input::placeholder,.feedback-form textarea::placeholder{color:#a8b2d199}.submit-button{align-items:center;align-self:flex-start;background-color:initial;border:1px solid var(--accent-color);border-radius:4px;color:var(--accent-color);cursor:pointer;display:flex;font-family:var(--font-mono);font-size:.9rem;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease}.submit-button:hover{background-color:#64ffda1a;transform:translateY(-2px)}.feedback-success{background-color:#27ae601a;border:1px solid #27ae604d;border-radius:4px;color:#2ecc71;font-size:.9rem;padding:1rem;text-align:center}.footer-right{align-items:flex-end;display:flex;flex-direction:column}.footer-right h3{color:var(--primary-text);font-size:1.1rem;font-weight:500;margin-bottom:1.2rem;padding-bottom:.5rem;position:relative}.footer-right h3:after{background-color:var(--accent-color);bottom:0;content:"";height:2px;position:absolute;right:0;width:2rem}.social-icons{display:flex;gap:1.2rem}.social-icons a{align-items:center;background-color:#ffffff0d;border:1px solid var(--border-color);border-radius:50%;color:var(--secondary-text);display:flex;font-size:1.3rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-icons a:hover{border-color:var(--accent-color);box-shadow:0 5px 15px #64ffda26;color:var(--accent-color);transform:translateY(-5px)}.footer-bottom{align-items:center;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;padding-top:1.5rem}.copyright-text{color:var(--secondary-text);font-size:.85rem}.tech-stack{display:flex;gap:.8rem}.tech-pill{background-color:#64ffda1a;border:1px solid #64ffda33;border-radius:20px;color:var(--accent-color);font-family:var(--font-mono);font-size:.75rem;padding:.3rem .8rem;transition:all .3s ease}.tech-pill:hover{border-color:#64ffda66;box-shadow:0 3px 10px #64ffda1a;transform:translateY(-2px)}@media (max-width:992px){.footer-main{flex-direction:column;gap:2.5rem}.footer-left{max-width:100%}.footer-right{align-items:flex-start}.footer-right h3:after{left:0;right:auto}}@media (max-width:768px){.footer-content{padding:0 2rem}.footer-bottom,.form-row{flex-direction:column}.footer-bottom{align-items:flex-start;gap:1.5rem}.tech-stack{margin-bottom:1rem}}@media (max-width:576px){.footer-content{padding:0 1.5rem}.footer-brand{align-items:flex-start;flex-direction:column;gap:1rem}}.background-canvas{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.projects-hero{display:flex;flex-direction:column;justify-content:center;min-height:40vh;padding-bottom:40px;padding-top:120px;position:relative}.projects-hero:after{background-image:linear-gradient(to right,#0000,var(--accent-color),#0000);bottom:0;content:"";height:1px;left:0;opacity:.3;position:absolute;width:100%}.projects-page-title{color:var(--primary-text);display:inline-block;font-size:3.5rem;font-weight:700;margin-bottom:1rem;position:relative}.projects-page-title .accent{color:var(--accent-color)}.projects-subtitle{color:var(--secondary-text);font-size:1.2rem;margin-bottom:2rem;max-width:600px}.projects-categories{margin-bottom:3rem;margin-top:2rem}.categories-container{display:flex;flex-wrap:wrap;gap:1rem}.category-button{background-color:initial;border:1px solid var(--border-color);border-radius:4px;color:var(--secondary-text);cursor:pointer;font-family:var(--font-mono);font-size:.85rem;padding:.6rem 1.2rem;transition:all .3s ease}.category-button.active,.category-button:hover{background-color:#64ffda1a;border-color:var(--accent-color);color:var(--accent-color)}.projects-full-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.back-to-home{margin:5rem 0;text-align:center}.back-button{align-items:center;border:1px solid var(--accent-color);border-radius:4px;color:var(--accent-color);display:inline-flex;font-family:var(--font-mono);gap:.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.back-button:hover{background-color:#64ffda1a;transform:translateY(-3px)}@media (max-width:992px){.projects-page-title{font-size:2.8rem}}@media (max-width:768px){.projects-page-title{font-size:2.2rem}.projects-subtitle{font-size:1rem}.categories-container{justify-content:center}}@media (max-width:576px){.projects-full-grid{grid-template-columns:1fr}.project-card{max-width:100%}.categories-container{align-items:center;flex-direction:column}.category-button{text-align:center;width:100%}}:root{--background:#0e1217;--secondary-bg:#151a21;--primary-text:#fff;--secondary-text:#a8b2d1;--accent-color:#64ffda;--accent-secondary:#646cff;--border-color:#30363d;--font-sans:"Inter","Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#0e1217;background-color:var(--background);color:#a8b2d1;color:var(--secondary-text);font-family:Inter,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}.main-container{margin:0 auto;max-width:1200px;padding:0 4rem;position:relative;width:100%}.section-title{border-bottom:1px solid #30363d;border-bottom:1px solid var(--border-color);color:#64ffda;color:var(--accent-color);display:inline-block;font-family:JetBrains Mono,Courier New,monospace;font-family:var(--font-mono);font-size:2rem;margin-bottom:2.5rem;margin-top:-5rem;padding-bottom:.5rem;padding-top:5rem;position:relative}.section-title:after{background-color:#64ffda;background-color:var(--accent-color);bottom:-1px;content:"";height:1px;left:0;position:absolute;width:50%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#141923b3;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#64ffda4d,#00e0ffb3);border:2px solid #141923b3;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#64ffdab3,#00e0ffe6);box-shadow:0 0 8px #64ffda80}*{scrollbar-color:#64ffda80 #141923b3;scrollbar-width:thin}body{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:block}@keyframes scrollGlow{0%{box-shadow:0 0 5px #64ffda4d}50%{box-shadow:0 0 10px #64ffda80}to{box-shadow:0 0 5px #64ffda4d}}html.scrolling ::-webkit-scrollbar-thumb{animation:scrollGlow 1.5s infinite}.scroll-particle{animation:particle-fade 1s ease-out;background:#64ffda;border-radius:50%;box-shadow:0 0 10px #64ffdacc,0 0 20px #64ffda66;height:6px;opacity:0;pointer-events:none;position:fixed;width:6px;z-index:9999}@keyframes particle-fade{0%{opacity:.8;transform:scale(.3) translateX(0)}50%{opacity:.5;transform:scale(1) translateX(-20px)}to{opacity:0;transform:scale(.5) translateX(-40px)}}::-webkit-scrollbar-track:after{background:linear-gradient(180deg,#0000,#64ffda1a,#0000);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}html.scrolling ::-webkit-scrollbar-track:after{opacity:1}@media (max-width:1200px){.main-container{padding:0 2rem}}@media (max-width:992px){.hero-content{flex-direction:column;gap:2rem}}@media (max-width:768px){.main-container{padding:0 1.5rem}.social-sidebar{display:none}.section-title{font-size:1.8rem}}@media (max-width:576px){.main-container{padding:0 1rem}}
/*# sourceMappingURL=main.c67298ae.css.map*/