*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Fira Code,JetBrains Mono,monospace;background:#0e0e0e;color:#e9e3df;overflow-x:visible;scroll-behavior:smooth;overflow-y:scroll}body,input,textarea,button,select{font-family:Fira Code,JetBrains Mono,monospace;color:#e9e3df}.aspect-ratio-container{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.typing-wrapper{text-align:left;max-width:90%;padding-left:5.6rem}.main-title{color:#e9e3df;font-size:2.1rem;font-family:JetBrains Mono,monospace;margin-bottom:.7rem;line-height:1.1;font-weight:700}.subtitle{font-size:1.4rem;font-family:JetBrains Mono,sans-serif;font-weight:500;color:#f2855d;letter-spacing:.02em;word-spacing:.1em;line-height:1.5}.code-tag{color:#4d6595;opacity:1;font-weight:700;transition:transform .6s ease-out,opacity .6s ease-out}.nav-panel{position:absolute;top:14px;right:21px;display:flex;gap:28px;transition:all .5s ease;opacity:0;pointer-events:none}.nav-panel.active{opacity:1;pointer-events:auto}.nav-link{text-decoration:none;color:#e9e3df;font-family:JetBrains Mono,monospace;font-weight:500;font-size:.875rem;border-bottom:3px solid transparent;transition:color .3s ease,border-color .3s ease}.nav-link:hover{border-color:#4d6595}.nav-link.active{color:#4d6595;border-color:#4d6595}.page-container{width:100%;height:100vh;overflow-y:auto;scroll-snap-type:y mandatory}.section{height:100vh;width:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;padding:1.4rem;position:relative}.typing-section{background:#0e0e0e;color:#e9e3df;flex-direction:column;gap:1.4rem;position:relative}.social-links{position:absolute;top:3.5px;left:21px;display:flex;gap:.84rem;justify-content:center;align-items:center;z-index:10;animation:popInFade .8s ease forwards;opacity:0;transform:scale(.7);transform-origin:top left}@keyframes popInFade{0%{opacity:0;transform:scale(.4) translateY(-10px)}to{opacity:1;transform:scale(.7) translateY(0)}}.social-links a:hover svg{transform:scale(1.1);stroke:#4d6595}.ti-cursor{font-size:.21em!important;width:.9em!important;background-color:#e9e3df!important;color:transparent!important;display:inline-block!important;vertical-align:bottom!important}.slide-left-blur{transform:translate(-70px) blur(2px);opacity:0;transition:transform .6s ease-out,opacity .6s ease-out}#nprogress .bar{background:#4d6595!important;position:fixed;top:0;right:0;width:28px;height:100vh;transform-origin:top}#nprogress .peg,#nprogress .spinner{display:none!important}.projects-grid{display:grid;grid-template-columns:1fr;gap:.7rem;margin-top:1.05rem;width:100vw;max-width:100vw;position:relative;padding-left:0;padding-right:3.5rem;margin-left:0;box-sizing:border-box}.project-card{padding:.84rem 1.26rem;border-radius:8.4px;min-height:133px;width:100%;text-decoration:none;color:#222;box-shadow:0 1.4px 8.4px #0000001f;background-color:var(--backgroundColor,#fff);display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,box-shadow .3s ease;font-size:.77rem}.project-card:hover{transform:translateY(-3.5px);box-shadow:0 5.6px 14px #0000001a}.project-tags{margin-top:.28rem;display:flex;flex-wrap:wrap;gap:.49rem}.tag{background:#0000000d;padding:.126rem .28rem;border-radius:2.8px;font-size:.63rem;white-space:nowrap}.section{padding:2.8rem 0;width:100vw;margin-top:5.6rem;overflow-x:hidden}.full-width-wrapper{width:100vw;max-width:100vw;margin:0;padding:0}.projects-wrapper{margin-top:1.05rem;width:100vw;padding:0}.section.third-section{height:auto;background-color:#0e0e0e}.bottom-panel{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:.7rem;background-color:#0e0e0e98;color:#ccc;font-size:.6rem;border-top:.35px solid #222;z-index:9999;opacity:.91;height:40px}.left-side,.right-side{display:flex;flex-direction:column;gap:1px;line-height:1.1;margin-top:-3px}.right-side{align-items:flex-end;font-weight:500;white-space:nowrap;font-size:.7rem}.left-side a.github-link{color:#4d6595;text-decoration:none;font-weight:400;font-size:.77rem;transition:color .3s ease}.left-side a.github-link:hover{color:#4d6595;text-decoration:underline}.right-side .last-update{font-size:.525rem;color:#888}@media (min-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.typing-wrapper{padding-left:3rem;max-width:85%;text-align:center}.projects-grid{grid-template-columns:1fr;padding:0 2rem}.main-title{font-size:1.75rem}.subtitle{font-size:1.19rem}}@media (max-width: 538px){.typing-wrapper{padding-left:1.4rem;max-width:95%}.main-title{font-size:1.54rem}.subtitle{font-size:.98rem}.projects-grid{padding:0 .7rem}.section{flex-direction:column;padding:.7rem;text-align:center}.nav-panel{gap:14px;right:10.5px}}@media (max-width: 336px){.typing-wrapper{padding-left:.7rem;max-width:100%}.main-title{font-size:1.26rem}.subtitle{font-size:.84rem}.project-card{font-size:.7rem;padding:.7rem;min-height:112px}.social-links{left:7px;gap:.7rem;transform:scale(.6)}}@media (max-width: 252px){.main-title{font-size:1.05rem}.subtitle{font-size:.7rem}.nav-link{font-size:.63rem}}@media (max-height:336px) and (orientation:landscape){.typing-wrapper{padding-left:.7rem;max-width:100%;text-align:center}}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{scroll-behavior:smooth;height:100%}body{background:#0f141f;margin:0;height:100%;font-family:Fira Code,JetBrains Mono,monospace;color:#e8e8f0}input[data-astro-cid-sckkx6r4],textarea[data-astro-cid-sckkx6r4],button[data-astro-cid-sckkx6r4],select[data-astro-cid-sckkx6r4]{font-family:Fira Code,JetBrains Mono,monospace;color:#e9e3df}.lock-scroll[data-astro-cid-sckkx6r4]{overflow:hidden}