@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}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}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#0a1929,#1a365d);color:#e2e8f0;min-height:100vh;overflow-x:hidden}.app{display:flex;min-height:100vh;position:relative}.grid-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.waves{position:fixed;bottom:0;left:0;width:100%;height:200px;z-index:2;opacity:.3}.waves .wave{position:absolute;bottom:0;left:0;width:200%;height:100px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23667eea" fill-opacity="0.5" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,112C672,96,768,96,864,112C960,128,1056,160,1152,160C1248,160,1344,128,1392,112L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') repeat-x;animation:wave 12s cubic-bezier(.36,.45,.63,.53) infinite}.waves .wave.wave1{opacity:.7;animation-delay:0s}.waves .wave.wave2{opacity:.5;animation-delay:-5s;background-position-x:100px}.waves .wave.wave3{opacity:.3;animation-delay:-2s;background-position-x:200px}@keyframes wave{0%{transform:translate(0)}50%{transform:translate(-25%)}to{transform:translate(-50%)}}.mobile-menu-toggle{display:none;position:fixed;top:20px;right:20px;z-index:1000;background:#8af3;border:1px solid rgba(136,170,255,.3);color:#fff;width:50px;height:50px;border-radius:10px;font-size:1.5rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;align-items:center;justify-content:center}.mobile-menu-toggle:hover{background:#88aaff4d;transform:scale(1.1)}.mobile-menu-toggle svg{display:block}.sidebar{width:280px;background:#0a1929d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(136,170,255,.2);padding:2rem;z-index:100;display:flex;flex-direction:column;position:relative;height:100vh;overflow-y:auto;flex-shrink:0}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#88aaff,transparent)}.sidebar-header{margin-bottom:3rem}.sidebar-header .logo{font-family:JetBrains Mono,monospace;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#8af,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.sidebar-header .tagline{font-size:.9rem;opacity:.8;letter-spacing:2px;text-transform:uppercase}.nav-links{display:flex;flex-direction:column;gap:1rem;margin-bottom:auto}.nav-links .nav-link{background:transparent;border:none;color:#cbd5e0;font-family:JetBrains Mono,monospace;font-size:1.1rem;padding:.75rem 1rem;text-align:left;cursor:pointer;transition:all .3s ease;border-radius:8px;position:relative;overflow:hidden}.nav-links .nav-link:hover{color:#fff;background:#88aaff1a;transform:translate(5px)}.nav-links .nav-link.active{color:#fff;background:#8af3}.nav-links .nav-link.active:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:#8af;box-shadow:0 0 10px #8af}.tech-stack{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(136,170,255,.2)}.tech-stack .tech-icons{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem}.tech-stack .tech-icons .tech-icon{font-size:1.8rem;color:#8af;transition:all .3s ease}.tech-stack .tech-icons .tech-icon:hover{color:#fff;transform:scale(1.2);filter:drop-shadow(0 0 5px #88aaff)}.content{flex:1;padding:2rem 3rem 2rem 2rem;overflow-y:auto;z-index:5;position:relative;height:100vh}.content::-webkit-scrollbar{width:14px;background:transparent}.content::-webkit-scrollbar-track{background:#0a192933;border-radius:8px;margin:10px}.content::-webkit-scrollbar-thumb{background:#88aaff4d;border-radius:8px;border:3px solid transparent;background-clip:content-box}.content::-webkit-scrollbar-thumb:hover{background:#88aaff80;background-clip:content-box}.content-inner{max-width:1200px;margin:0 auto;width:100%}.section{width:100%;padding:1rem 0}.section-title{font-family:JetBrains Mono,monospace;font-size:2.2rem;margin-bottom:2rem;background:linear-gradient(135deg,#8af,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:3px;background:#8af;border-radius:2px}.glass-card{background:#88aaff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(136,170,255,.15);border-radius:20px;padding:2rem;transition:all .3s ease;box-shadow:0 8px 32px #0003;width:100%;max-width:100%}.glass-card:hover{border-color:#88aaff4d;box-shadow:0 12px 48px #667eea40;transform:translateY(-5px)}.intro-card .intro-text{font-size:1.15rem;line-height:1.7;margin-bottom:2rem;opacity:.9}.highlight-stats{display:flex;gap:2.5rem;margin-top:2rem;flex-wrap:wrap}.highlight-stats .stat{text-align:center;flex:1;min-width:120px}.highlight-stats .stat .stat-number{display:block;font-family:JetBrains Mono,monospace;font-size:2.2rem;font-weight:700;color:#8af;margin-bottom:.5rem}.highlight-stats .stat .stat-label{font-size:.85rem;opacity:.8;text-transform:uppercase;letter-spacing:1px}.skills-grid{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}@media(max-width:1200px){.skills-grid{grid-template-columns:repeat(3,minmax(250px,1fr))}}@media(max-width:900px){.skills-grid{grid-template-columns:repeat(2,minmax(250px,1fr))}}.skill-card{opacity:0;animation:fadeInUp .6s ease forwards;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.skill-card:hover .skill-icon{transform:scale(1.1) rotate(5deg);color:#fff}.skill-card .skill-icon{font-size:2.2rem;color:#8af;margin-bottom:1rem;transition:all .3s ease;align-self:flex-start}.skill-card .skill-title{font-family:JetBrains Mono,monospace;font-size:1.2rem;margin-bottom:.5rem;color:#fff;width:100%}.skill-card .skill-desc{opacity:.8;font-size:.9rem;line-height:1.5;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;width:100%;box-sizing:border-box}@media(max-width:1400px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.projects-grid{grid-template-columns:1fr}}.project-card{border-radius:20px;padding:1.8rem;color:#fff;transition:all .4s ease;position:relative;overflow:hidden;min-height:280px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1)}.project-card:before{content:"";position:absolute;inset:0;background:#00000040;z-index:1}.project-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px #0006}.project-card[data-animation=float]{animation:float 4s ease-in-out infinite}.project-card[data-animation=pulse]{animation:pulse 3s ease-in-out infinite}.project-card[data-animation=slide]{animation:slide 5s ease-in-out infinite}.project-card>*{position:relative;z-index:2}.project-card .project-icon{font-size:2.2rem;margin-bottom:1rem;opacity:.9}.project-card .project-title{font-family:JetBrains Mono,monospace;font-size:1.4rem;margin-bottom:.8rem;color:#fff}.project-card .project-desc{flex:1;opacity:.9;line-height:1.5;font-size:.95rem;margin-bottom:1rem}.project-card .project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.project-card .project-tech .tech-tag{background:#ffffff26;padding:.3rem .7rem;border-radius:15px;font-size:.75rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes slide{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.contact-card{max-width:800px;margin:0 auto}.contact-card .contact-text{font-size:1.15rem;line-height:1.7;margin-bottom:2.5rem;opacity:.9}.contact-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.2rem;padding-right:10px}.contact-links .contact-link{display:flex;align-items:center;gap:1rem;padding:1rem;background:#88aaff14;border-radius:12px;text-decoration:none;color:#fff;transition:all .3s ease;border:1px solid transparent}.contact-links .contact-link:hover{background:#88aaff26;border-color:#8af;transform:translateY(-3px)}.contact-links .contact-link:hover .contact-icon{transform:scale(1.2);filter:drop-shadow(0 0 5px #88aaff)}.contact-links .contact-link .contact-icon{font-size:1.3rem;color:#8af;transition:all .3s ease}@media(max-width:1024px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.mobile-menu-toggle{display:flex}.app{flex-direction:column}.sidebar{position:fixed;left:-100%;top:0;width:280px;height:100vh;transition:left .3s ease;z-index:999}.sidebar.mobile-open{left:0}.content{width:100%;padding:1rem;max-height:none;padding-top:70px}.content::-webkit-scrollbar{width:8px}.content-inner{padding:0}.section{padding:.5rem}.section-title{font-size:1.8rem;margin-bottom:1.5rem}.section-title:after{width:40px;height:2px;bottom:-5px}.glass-card{padding:1.5rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;padding-right:5px}.skill-card{padding:1.2rem}.skill-card .skill-icon{font-size:1.8rem;margin-bottom:.8rem}.skill-card .skill-title{font-size:1.1rem}.skill-card .skill-desc{font-size:.85rem}.projects-grid{grid-template-columns:1fr;gap:1.2rem;padding-right:5px}.project-card{min-height:240px;padding:1.5rem}.highlight-stats{gap:1.5rem}.highlight-stats .stat{min-width:100px}.highlight-stats .stat .stat-number{font-size:1.8rem}.highlight-stats .stat .stat-label{font-size:.8rem}.intro-text{font-size:1rem!important;line-height:1.6!important}.contact-links{grid-template-columns:1fr;gap:.8rem;padding-right:5px}.contact-links .contact-link{padding:.8rem}.waves{height:150px}.waves .wave{height:80px}}@media(max-width:480px){.skills-grid{grid-template-columns:repeat(2,1fr)}.section-title{font-size:1.6rem}.highlight-stats{flex-direction:column;gap:1rem}.highlight-stats .stat{min-width:auto}.project-card{min-height:220px;padding:1.2rem}}@media(max-width:320px){.skills-grid{grid-template-columns:1fr}.mobile-menu-toggle{width:45px;height:45px;font-size:1.3rem}}