*{margin:0;padding:0;box-sizing:border-box}body{background-color:#1a1a1a;color:#fff;font-family:Inter,Helvetica,Helvetica Neue,Arial,Nimbus Sans,sans-serif;line-height:1.6}.green{color:#00ff37;pointer-events:auto;cursor:default}.white{color:#fff;pointer-events:auto;cursor:default}.hero{min-height:100vh;padding:2rem 4rem;display:flex;flex-direction:column;position:relative;z-index:2;pointer-events:none;overflow-x:hidden}.navigation{display:flex;justify-content:flex-end;margin-bottom:4rem;pointer-events:auto}.menu-toggle{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:6px}.menu-toggle span{display:block;width:25px;height:2px;background-color:#fff}.hero-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;position:relative;margin:0rem 2rem}.main-content{max-width:800px;margin-top:7rem;margin-bottom:auto}.title{font-size:5rem;line-height:1.1;margin-bottom:2rem}.hero-text{max-width:600px;margin-bottom:2rem;pointer-events:none;cursor:default}.hero-text p{font-size:1.2rem;margin-bottom:2rem;pointer-events:auto;cursor:default}.name{color:#00ff37}.cta-button{display:inline-block;padding:1rem 2rem;background-color:#00ff37;color:#000;text-decoration:none;font-weight:700;transition:all .3s ease;pointer-events:auto}.cta-button:hover{background-color:#00cc2d}.stats{display:flex;flex-direction:column;gap:2rem;align-self:flex-end;position:absolute;bottom:0;right:0;pointer-events:auto}.stat-item{display:flex;flex-direction:column;text-align:right}.number{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.label{color:#888;font-size:.9rem}#particles-js{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:auto}@media (max-width: 768px){.hero{padding:1.5rem}.title{font-size:3rem}.stats{flex-direction:column;gap:2rem;margin-top:3rem}}@media (max-width: 480px){.hero{padding:1rem}.title{font-size:2.5rem}.hero-text p{font-size:1rem}.cta-button{padding:.8rem 1.5rem;font-size:.9rem}}.about-me .social-links{position:relative;display:flex;gap:.5rem}.about-me .social-link{position:relative;display:flex;align-items:center;justify-content:center;overflow:visible;transition:background .2s}.about-me .social-link:after{content:"";position:absolute;left:18%;top:50%;transform:translate(-40%,-50%) scale(.5);width:56px;height:56px;background:#00ff37;border-radius:50%;box-shadow:0 4px 16px #00ff3726;opacity:0;z-index:2;transition:opacity .2s,transform .2s;pointer-events:none}.about-me .social-link:hover:after,.about-me .social-link:focus:after{opacity:1;transform:translate(-40%,-50%) scale(1)}.about-me .social-link .floating-icon{display:none;position:absolute;left:18%;top:50%;transform:translate(-31%,-50%);z-index:3;font-size:2rem;color:#111;pointer-events:none}.about-me .social-link:hover .floating-icon,.about-me .social-link:focus .floating-icon{display:block}.about-me{flex:0 0 350px;position:sticky;top:2rem;height:fit-content;background:#ffffff0d;border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000001a;pointer-events:auto}.profile-image{width:180px;height:180px;margin:0 auto 2rem;border-radius:50%;overflow:hidden;border:3px solid #00ff37}.profile-image img{width:100%;height:100%;object-fit:cover}.about-me h2{text-align:center;margin-bottom:.5rem;color:#00ff37}.specialty{text-align:center;color:#888;margin-bottom:2rem}.contact-info{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;align-items:center;gap:.5rem;color:#fff;padding:.5rem}.info-item i{color:#00ff37;font-size:1.2rem;width:1.5rem;text-align:center}.social-links{display:flex;gap:1rem;margin-bottom:1.5rem}.social-link{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;transition:all .3s ease;padding:.5rem;border-radius:8px;background:#ffffff0d}.social-link:hover{background:#00ff371a;color:#00ff37;transform:translateY(-2px)}.social-link i{font-size:1.2rem}@media (max-width: 1024px){.about-me{position:relative;top:0;width:100%;max-width:500px;margin:0 auto}}.main-container{display:flex;gap:4rem;max-width:1400px;margin:0 auto;padding:4rem;min-height:100vh;position:relative;pointer-events:none;z-index:2}.content-sections{flex:1;display:flex;flex-direction:column;gap:2rem;margin-bottom:5.5rem;pointer-events:none}.section{background:#ffffff0d;border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.section h2{color:#00ff37;margin-bottom:2rem;font-size:1.8rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.skill-category h3{color:#fff;margin-bottom:1rem}.skill-category ul{list-style:none}.skill-category li{color:#888;margin-bottom:.5rem}.education-item,.experience-item{margin-bottom:2rem}.education-item h3,.experience-item h3{color:#fff;margin-bottom:.5rem}.institution,.company,.period,.year{color:#888;margin-bottom:.5rem}.responsibilities{list-style:none;margin-top:1rem}.responsibilities li{color:#888;margin-bottom:.5rem;position:relative;padding-left:1.5rem}.responsibilities li:before{content:"•";color:#00ff37;position:absolute;left:0}@media (max-width: 1024px){.main-container{flex-direction:column;padding:2rem}.content-sections{width:100%}}@media (max-width: 480px){.main-container{padding:1rem}.content-sections{gap:1rem}.section{padding:1rem}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{position:relative;background:#ffffff0d;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00ff3726}.project-preview{position:relative;width:100%;height:200px;overflow:hidden;flex-shrink:0}.project-preview img{width:100%;height:100%;object-fit:cover;display:block}.project-content{padding:1.5rem;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1;display:flex;flex-direction:column}.project-card h3{color:#00ff37;margin-bottom:.75rem;font-size:1.3rem}.description{color:#888;margin-bottom:1rem;flex:1}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tech-tag{background:#00ff371a;color:#00ff37;padding:.25rem .75rem;border-radius:50px;font-size:.85rem;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default;transition:background .18s,color .18s,box-shadow .18s}.tech-tag:hover{box-shadow:0 0 4px #00ff377b}.project-links{display:flex;align-items:center;margin-top:1.2rem;gap:1.2rem;padding:.2rem .2rem .2rem 0}.github-link{display:inline-block;padding:.5rem 1.1rem .5rem .9rem;border-radius:4px;text-decoration:none;transition:all .3s ease;font-size:.9rem;background:#ffffff1a;color:#fff;margin-left:0;margin-right:auto;display:flex;align-items:center;gap:.6em}.github-link:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.live-demo-link{margin-left:auto;color:#00ff37;background:none;border:none;font-size:1.2rem;padding:.5rem .7rem;border-radius:50%;transition:background .2s;display:flex;align-items:center;justify-content:center}.live-demo-link:hover{background:#00ff3714;color:#00ff37}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}.project-preview{height:180px}}.footer{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;margin-top:4rem;position:relative;z-index:2}.footer-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.footer-section{display:flex;align-items:center;gap:1.5rem}.footer-section h3{color:#00ff37;font-size:1rem;margin:0}.footer-section p{color:#888;font-size:.9rem;margin:0}.footer-link{color:#00ff37;text-decoration:none;transition:all .3s ease}.footer-link:hover{color:#00cc2d}.footer-social-links{display:flex;gap:1rem;margin:0}.footer-social-links .social-link{background:none;color:#00ff37;font-size:1.2rem;padding:.25rem}.footer-social-links .social-link:hover{transform:translateY(-2px);color:#00cc2d}.copyright{color:#666;font-size:.85rem;margin:0}@media (max-width: 768px){.footer{padding:1rem}.footer-content{flex-direction:column;text-align:center;gap:1rem}.footer-section{flex-direction:column;gap:.5rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#00ff37;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00cc2d}*{scrollbar-width:thin;scrollbar-color:#00ff37 rgba(255,255,255,.05)}