@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap";:root{--bg-alt: #0c0c0c;--accent: #00bbff;--text-primary: #e6e6e6}.navbar{position:fixed;top:0;left:0;right:0;height:56px;background:var(--bg-alt);border-bottom:1px solid #222;z-index:1000;display:flex;align-items:center;padding:0 20px;box-sizing:border-box}.navbar-container{max-width:700px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;height:100%}.nav-brand{font-weight:700;color:var(--accent);text-decoration:none}.nav-logo{height:40px;width:auto;display:block}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:var(--text-primary);font-weight:600;text-decoration:none;line-height:1.2;transition:color .3s ease}.nav-links a:hover{color:#00ccc3}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;width:32px;height:32px;position:relative;z-index:1100}.nav-toggle .hamburger,.nav-toggle .hamburger:before,.nav-toggle .hamburger:after{content:"";display:block;background-color:var(--accent);height:3px;border-radius:2px;position:absolute;width:100%;transition:all .3s ease}.nav-toggle .hamburger{top:50%;transform:translateY(-50%)}.nav-toggle .hamburger:before{top:-10px}.nav-toggle .hamburger:after{top:10px}.nav-toggle.open .hamburger{background-color:transparent}.nav-toggle.open .hamburger:before{transform:rotate(45deg);top:0}.nav-toggle.open .hamburger:after{transform:rotate(-45deg);top:0}@media (max-width: 700px){.nav-links{position:absolute;top:56px;left:0;right:0;background:var(--bg-alt);flex-direction:column;align-items:center;justify-content:center;gap:.5rem;max-height:0;overflow:hidden;transition:max-height .3s ease;z-index:999;padding:0}.nav-links.active{max-height:200px;padding:1rem 0}.nav-links a{width:100%;text-align:center;padding:.75rem 0}.nav-toggle{display:block}}.section-card{display:block;margin-top:2rem;padding:.9rem;margin-bottom:1rem;background:var(--bg-alt);border-left:4px solid var(--accent);border-radius:8px;text-decoration:none;color:var(--text-primary);transition:background .3s ease}.section-card:hover{background:#222}.section-card h3{margin:0 0 .5rem;font-size:1.4rem;color:var(--accent)}.section-card p{margin:0;color:var(--text-muted);font-size:.95rem}.button_transform{display:inline-flex;align-items:center;background:none;border:none;color:var(--accent);cursor:pointer;font-size:1rem;margin-bottom:1rem}.collapsible{background-color:#ffffff08;border-left:4px solid var(--accent);border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem;transition:background .3s ease,transform .3s ease;max-width:700px;margin-left:auto;margin-right:auto}.collapsible:hover{background-color:#ffffff0d;transform:translateY(-2px)}.collapsible-header{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;color:var(--text-primary);font-weight:600;font-size:1.05rem;cursor:pointer;padding:.5rem 0;transition:background .3s ease}.collapsible-header:hover{background:transparent}.collapsible-title{display:flex;align-items:center;gap:.5rem;color:var(--accent)}.collapsible-icon{font-size:1rem}.collapsible-content{padding-left:1rem;margin-top:.5rem;color:var(--text-muted);font-size:.95rem}.project-card{background:var(--bg-alt);border-radius:12px;padding:1.5rem;box-shadow:0 6px 18px #00000040;color:var(--text-primary);text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left}.project-card p{color:var(--text-muted);font-size:.95rem;line-height:1.4;flex-grow:1;width:100%}.project-languages{border-top:1px solid var(--accent);margin-top:1rem;padding-top:.75rem;display:flex;gap:.6rem;font-size:1.3rem;color:var(--accent);justify-content:flex-start;width:100%}.lang-icon-wrapper i{font-size:30px;position:absolute;top:0;left:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.site-footer{position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--bg-alt);border-top:1px solid #222;display:flex;align-items:center;padding:0 20px;box-sizing:border-box;font-size:1rem;color:var(--text-muted);z-index:1000}.footer-container{max-width:700px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-left{margin:0}.footer-right{display:flex;gap:1.2rem;font-size:1.1rem}.footer-right a{color:var(--text-muted);transition:color .3s ease}.footer-right a:hover,.heart{color:var(--accent)}@media (max-width: 500px){.footer-container{flex-direction:column;gap:.4rem;height:auto;padding:.6rem 0}.footer-left,.footer-right{text-align:center}}.blog-card{background:#ffffff08;border-left:4px solid var(--accent);padding:.2rem 1.25rem;border-radius:12px;margin-bottom:1rem;display:block;text-decoration:none;color:var(--text-primary);transition:box-shadow .3s ease,transform .3s ease}.blog-card:hover{box-shadow:0 10px 24px var(--accent);transform:translateY(-5px)}.blog-date{font-size:.85rem;color:var(--text-muted)}.blog-summary{font-size:.95rem;color:var(--text-primary)}:root{--bg-color: #0c0c0c;--text-primary: #e6e6e6;--text-muted: #999999;--accent: #00bbff;--font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);line-height:1.5;margin:0;padding:0}a{color:var(--accent);text-decoration:none;transition:color .3s ease}a:hover,a:focus{color:#0bf;outline:none}h1,h2,h3,h4{font-weight:700;color:var(--accent);margin-bottom:.25em}p,li{font-weight:400;color:var(--text-primary)}main{max-width:700px;margin-left:auto;margin-right:auto;padding:80px 20px 60px}.navbar-container{max-width:700px;margin-left:auto;margin-right:auto;padding:0}.nav-brand{font-weight:700;font-size:.9rem;color:var(--accent)}.nav-links a{font-weight:600;color:var(--text-primary);margin-left:1rem}.nav-links a:hover{color:#0bf}.section-card{border-left:4px solid var(--accent)}.project-card:hover{box-shadow:0 10px 24px var(--accent);transform:translateY(-5px)}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:10px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in-up{animation:fadeInUp .6s ease-out both}.slide-down{animation:slideDown .4s ease-out both}.slide-up{animation:slideUp .4s ease-out both}.project-card{opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease-out forwards}.project-card:nth-child(1){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}.navbar{animation:slideDown .5s ease-out both}.site-footer{animation:slideUp .5s ease-out both}.page-transition{transition:opacity .4s ease;opacity:1}.page-transition.fade-out{opacity:0;pointer-events:none}:root{--bg-alt: #111;--text-primary: #f0f0f0;--text-muted: #aaaaaae6;--accent: #00bbff}.project-card{background:var(--bg-alt);border-radius:12px;padding:1.5rem;box-shadow:0 6px 18px #00000040;color:var(--text-primary);text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;margin-bottom:2rem}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 24px var(--accent)}.project-card h3{font-size:1.2rem;color:var(--accent);margin:0 0 .5rem;width:100%}.skill-description{color:var(--text-muted);font-size:.95rem;line-height:1.4;margin-bottom:.75rem}.project-languages{border-top:1px solid var(--accent);margin-top:1rem;padding-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem;font-size:1.3rem;color:var(--accent);justify-content:flex-start;width:100%}.project-languages i{vertical-align:middle}.lang-icon-wrapper{position:relative;display:inline-block;width:32px;height:32px;margin:0 4px}.lang-icon-wrapper i{font-size:34px;position:absolute;top:0;left:0}.lang-icon-wrapper i+i{display:none}.lang-icon-wrapper i:empty+i{display:inline-block}