@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_b7d5735e-module__suUhcW__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_b7d5735e-module__suUhcW__variable{--font-manrope:"Manrope", "Manrope Fallback"}
html{scroll-padding-bottom:calc(var(--floating-bar-height,64px) + env(safe-area-inset-bottom) + 16px);overflow-x:hidden}*,:before,:after{box-sizing:border-box}body{color:#000;box-sizing:border-box;background-color:#fff;flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;font-family:Manrope,sans-serif;display:flex;overflow-x:hidden}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.moon svg{animation:5s linear infinite tilt}@keyframes tilt{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}.input:checked+.slider{background-color:#183153}.input:focus+.slider{box-shadow:0 0 1px #183153}.input:checked+.slider:before{transform:translate(30px)}.theme-dark,.theme-dark img,.theme-dark video,.theme-dark .emoji{filter:invert()hue-rotate(180deg)}.theme-dark i,.theme-dark .svgIcon,.theme-dark .githubSVG,.theme-dark .linkedinSVG,.theme-dark .gmailSVG,.theme-dark .instagramSVG,.theme-dark .peerlistSVG{filter:none!important}.theme-dark .floating-bar{-webkit-backdrop-filter:blur(10px)}:root{--floating-bar-height:64px}section:last-of-type{padding-bottom:calc(var(--floating-bar-height) + env(safe-area-inset-bottom) + 24px)}.section-divider{opacity:1;background:linear-gradient(90deg,#000,#000,#000);border-radius:10px;width:80%;height:2px;margin:2% auto}.about{color:#000;background:#fff;width:100%;padding:30px 6% 90px}.about-inner{text-align:center;max-width:1000px;margin:0 auto}.about .section-title{color:#000}.about-text{opacity:.95;overflow-wrap:break-word;max-width:900px;margin:0 auto 24px;font-size:clamp(.98rem,1.8vw,1.1rem);line-height:1.8}.about-badges{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-items:center;gap:18px;margin-top:10px;display:grid}.about-badges .badge{color:#000;background:#fff;border:2px solid #000;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:520px;padding:10px 14px;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:15px 15px #000}.about-badges .badge i{color:#000}.about-badges .badge .sub{color:#333;opacity:1;margin-left:6px}.about-badges .badge:hover{transform:translateY(-2px);box-shadow:5px 5px 5px}@media (max-width:600px){.about,.achievements,.skills,.projects,.socials,.socials{padding-bottom:64px;top:0}.section-title{margin-bottom:28px}.contact{padding-bottom:100px}.about,.achievements,.skills,.projects,.socials,.contact{padding-left:5%;padding-right:5%}.about{padding:20px 5% 70px}.about-inner{max-width:640px}.about-text{padding:0 2px;line-height:1.75}.about-badges{grid-template-columns:1fr;gap:18px}.about-badges .badge{text-align:left;border-width:2px;align-items:center;gap:8px}.about-badges .badge .sub{opacity:.85;margin-left:0;font-size:.9rem;display:block}}.intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:15px 5%;display:flex}.hero-heading{text-align:center;opacity:0;filter:blur(12px);will-change:opacity, filter, transform;max-width:90%;font-size:1.8rem;font-weight:800;animation:1.2s cubic-bezier(.16,1,.3,1) forwards hero-fade-in-blur;transform:translateY(10px)}.hero-subtitle{color:gray;text-align:center;opacity:0;filter:blur(8px);will-change:opacity, filter, transform;margin-top:20px;font-size:1.1rem;animation:.8s cubic-bezier(.16,1,.3,1) .8s forwards hero-fade-in-blur;transform:translateY(8px)}@keyframes hero-fade-in-blur{to{opacity:1;filter:blur();transform:translateY(0)}}@media (max-width:600px){.hero-heading{font-size:1.4rem}}.hamburger-btn.hide-nav,.keyboard-hint.hide-nav{opacity:0!important;filter:blur(8px)!important;pointer-events:none!important;transform:translateY(10px)!important}.hamburger-btn.show-nav,.keyboard-hint.show-nav{opacity:1!important;filter:blur()!important;pointer-events:auto!important;transition:opacity .5s ease-out,filter .5s ease-out,transform .5s ease-out,width .3s,box-shadow .1s!important;transform:translateY(0)!important}@keyframes single-hint-pulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.keyboard-hint.hint-pulse{animation:.4s ease-out single-hint-pulse!important}@media (prefers-reduced-motion:reduce){.hero-heading{animation:.8s forwards hero-fade-in-simple;filter:none!important}.hero-subtitle{animation:.5s .7s forwards hero-fade-in-simple;filter:none!important}.hamburger-btn.hide-nav,.keyboard-hint.hide-nav,.hamburger-btn.show-nav,.keyboard-hint.show-nav{filter:none!important;transform:none!important}@keyframes hero-fade-in-simple{to{opacity:1}}}.floating-bar{left:16px;right:16px;bottom:max(12px, env(safe-area-inset-bottom) + 12px);-webkit-backdrop-filter:blur(10px);z-index:9999;background:#ffffff14;border:1px solid #000;border-radius:28px;justify-content:space-evenly;align-items:center;gap:10px;width:auto;max-width:900px;margin-left:auto;margin-right:auto;padding:12px;display:flex;position:fixed;box-shadow:0 10px 40px #00000059}.floating-bar.on-footer{border-color:#fff}.floating-bar.on-footer a{color:#fff}.floating-bar.on-footer a:hover{color:#00f5d4}.floating-bar a{color:#000;text-align:center;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s}.floating-bar a:hover{color:#00f5d4;transform:translateY(-2px)}@keyframes fadeUpBar{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.floating-bar{max-width:560px;left:12px;right:12px;bottom:max(10px, env(safe-area-inset-bottom) + 10px);margin-left:auto;margin-right:auto;padding:10px}.floating-bar a{font-size:.85rem}}@media (max-width:360px){.floating-bar{flex-wrap:wrap;row-gap:4px}.floating-bar a{font-size:.7rem}}@media (max-width:420px){.floating-bar{flex-wrap:wrap;row-gap:6px}}.achievements{box-sizing:border-box;text-align:center;color:#000;background:#fff;width:100%;margin-bottom:80px;padding:100px 10%}.section-title{margin-bottom:50px;font-size:2.2rem;font-weight:700;position:relative}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:center;gap:35px;display:grid}.achievement-card{opacity:0;background:#fff;border:2px solid #000;border-radius:25px;max-width:350px;padding:30px 25px;transition:transform .3s,box-shadow .3s;transform:translateY(40px);box-shadow:15px 15px #000}.achievement-card.visible{transition:transform .3s,box-shadow .3s;transform:translateY(0)}.achievement-card:hover{transform:translateY(-5px);box-shadow:5px 5px 5px}.emoji{margin-bottom:15px;font-size:2.5rem;display:block}.achievement-card h3{margin-bottom:10px;font-size:1.3rem}.achievement-card p{color:#555;margin-bottom:15px;font-size:.95rem;line-height:1.6}.year{color:#333;font-weight:600}@media (max-width:600px){.achievements{padding:20px 5% 80px}.section-title{font-size:1.8rem}.achievement-card{padding:25px 20px}}.skills{text-align:center;background:#fafafa;width:100%;padding:30px 10% 100px}.skills .section-title{margin-bottom:60px}.skill-rings{display:none}.skills-bars{text-align:left;max-width:680px;margin:0 auto;display:block}.skills-bar{align-items:center;gap:12px;margin:50px 0;display:flex}.skills-bar-label{color:#000;min-width:120px;font-weight:700}.skills-bar-track{background:#fff;border:2px solid #000;border-radius:10px;flex:1;height:16px;position:relative;overflow:hidden}.skills-bar-fill{background:#000;width:0%;height:100%;transition:width .9s ease-out}.skill{text-align:center;position:relative}.progress-ring{justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.progress-ring svg{width:140px;height:140px;position:absolute;top:0;left:0;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:10px;stroke-linecap:round}.progress-ring .background{stroke:#e0e0e0}.progress-ring .progress{stroke:#000;stroke-dasharray:314;stroke-dashoffset:314px;transition:stroke-dashoffset 1.5s ease-out}.percent-text{color:#333;z-index:2;font-size:1.2rem;font-weight:600;position:relative}.skill-name{margin-top:15px;font-size:1rem;font-weight:600}@media (max-width:600px){.skills{padding:80px 6%}}.intro h1{font-size:clamp(1.4rem,2.8vw,2.2rem)}.subtitle{font-size:clamp(.95rem,1.8vw,1.15rem)}.section-title{font-size:clamp(1.6rem,3.2vw,2.4rem)}.social-link{font-size:clamp(1.6rem,2.8vw,2rem)}@media (max-width:1024px){.project-row{gap:60px;width:90%;margin-bottom:200px}.project-content h3{font-size:1.8rem}}@media (max-width:768px){.achievements,.skills{padding:80px 6%}.project-links a{gap:8px;padding:6px 14px}.project-content h3{font-size:1.5rem}.project-content p{font-size:.95rem}.uiverse-icons .tooltip-container:hover .tooltip{top:-130px}}@media (max-width:480px){.uiverse-icons .img{width:44px;height:44px}.uiverse-icons .img i{font-size:20px}.project-links a{padding:6px 12px;font-size:.95rem}}.projects{background-color:var(--bg-color,#fff);width:100%;color:var(--text-color,#000);padding:30px 0 120px}.section-title{text-align:center;margin-bottom:36px;font-size:1.8rem;font-weight:800;position:relative}.section-title:after{content:"";background:#000;border-radius:10px;width:50px;height:3px;margin:10px auto 0;display:block}.project-row{opacity:0;justify-content:space-between;align-items:center;gap:100px;width:85%;margin:0 auto 140px;transition:opacity .9s,transform .9s;display:flex;position:relative;transform:translateY(40px)}.project-row.show{opacity:1;transform:translateY(0)}.project-row.reverse{flex-direction:row-reverse}.project-image{border-radius:25px;flex:1;max-width:45%;transition:box-shadow .3s;overflow:hidden;box-shadow:15px 15px #000}.project-image img{border-radius:25px;width:100%;height:auto;transition:transform .5s;display:block}.project-image:hover img{transform:scale(1.05)}.project-image:hover{box-shadow:5px 5px 5px}.project-content{text-align:left;flex:1;max-width:55%}.project-content h3{margin-bottom:20px;font-size:2rem;font-weight:700}.project-content p{color:#333;margin-bottom:20px;font-size:1rem;line-height:1.7}.project-content .tech-stack{margin-bottom:25px;font-size:.95rem;font-weight:500}.project-links{align-items:center;gap:20px;display:flex}.project-links a{color:#000;border:1.8px solid #000;border-radius:30px;align-items:center;gap:10px;padding:8px 18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.project-links a:hover{color:#fff;background-color:#000;border-color:#000;transform:translateY(-3px);box-shadow:0 6px 12px #00000040}.project-links a:hover i{transform:translate(3px)}.project-links i{font-size:1.2rem;transition:transform .3s}.project-links .fa-earth-americas{opacity:.85;filter:grayscale()}@media (max-width:900px){.project-row{text-align:center;flex-direction:column;gap:40px;width:90%;margin-bottom:100px}.project-row.reverse{flex-direction:column}.project-image,.project-content{max-width:100%}.project-content h3{font-size:1.6rem}.project-content p{font-size:.95rem}.project-links{justify-content:center}}.reveal{opacity:1;will-change:opacity, transform;transition:opacity .8s ease-out,transform .8s ease-out;transform:none}.reveal.show{opacity:1;transform:translateY(0)}.socials{text-align:center;padding:80px 20px}section{scroll-margin-top:calc(var(--floating-bar-height,64px) + 28px)}.floating-bar.reveal,.floating-bar.reveal.show{opacity:1!important;transform:none!important}.social-links{justify-content:center;gap:30px;margin-top:30px;display:flex}.social-link{color:#000;font-size:2rem;transition:transform .3s,color .3s}.social-link:hover{color:#555;transform:scale(1.2)}.uiverse-icons{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px;margin-top:30px;display:flex}.uiverse-icons .tooltip-container{cursor:pointer;border-radius:10px;margin:10px;font-size:17px;transition:all .2s;position:relative}.uiverse-icons .tooltip{opacity:0;pointer-events:none;border-radius:15px;padding:10px;transition:all .3s;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 5px 5px 5px #0000000f,inset -5px -5px 15px #fff3,5px 5px 15px #00000014,-5px -5px 15px #fff3}.uiverse-icons .profile{background:#fff;border:2px solid #000;border-radius:10px 15px;padding:10px}.uiverse-icons .user{gap:10px;display:flex}.uiverse-icons .img{color:#000;background:#fff;border:2px solid #000;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;font-size:18px;font-weight:700;display:flex}.uiverse-icons .img i{color:#000;font-size:22px;line-height:1}.uiverse-icons .details{color:#000;flex-direction:column;gap:2px;display:flex}.uiverse-icons .title-line{align-items:center;gap:8px;display:flex}.uiverse-icons .profile-icon{color:#000;font-size:16px}.uiverse-icons .name{color:#000;font-size:16px;font-weight:700}.uiverse-icons .username{color:#333;font-size:13px}.uiverse-icons .about{color:#555;padding-top:5px;font-size:12px}.uiverse-icons .tooltip-container:hover .tooltip{opacity:1;visibility:visible;pointer-events:auto;top:-150px}.uiverse-icons .icon{color:#000;text-decoration:none;display:block;position:relative}.uiverse-icons .layer{width:55px;height:55px;transition:transform .3s}.uiverse-icons .icon:hover .layer{transform:rotate(-35deg)skew(20deg)}.uiverse-icons .layer span{background:#fff;border:2px solid #000;border-radius:15px;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.uiverse-icons .icon .text,.uiverse-icons .layer span{color:#000;border-color:#000}.uiverse-icons .icon:hover .layer span{box-shadow:-1px 1px 3px #0000004d}.uiverse-icons .icon .text{opacity:0;white-space:nowrap;font-weight:600;transition:bottom .3s,opacity .3s;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.uiverse-icons .icon:hover .text{opacity:1;bottom:-35px}.uiverse-icons .icon:hover .layer span:first-child{opacity:.2}.uiverse-icons .icon:hover .layer span:nth-child(2){opacity:.4;transform:translate(5px,-5px)}.uiverse-icons .icon:hover .layer span:nth-child(3){opacity:.6;transform:translate(10px,-10px)}.uiverse-icons .icon:hover .layer span:nth-child(4){opacity:.8;transform:translate(15px,-15px)}.uiverse-icons .icon:hover .layer span:nth-child(5){opacity:1;transform:translate(20px,-20px)}.uiverse-icons .svgIcon{justify-content:center;align-items:center;width:100%;height:100%;font-size:26px;display:flex}.uiverse-icons .githubSVG,.uiverse-icons .linkedinSVG,.uiverse-icons .gmailSVG,.uiverse-icons .instagramSVG,.uiverse-icons .peerlistSVG{color:#fff;background:#000;border-radius:15px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.card{text-align:center;background:#fff;border:2px solid #000;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;max-width:420px;margin:0 auto;padding:20px 18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:15px 15px #000}.card:hover{box-shadow:5px 5px 5px}.card>*{margin:0}.card__title{color:#333;margin-bottom:6px;font-size:23px;font-weight:900}.card__content{color:#333;overflow-wrap:break-word;padding:0 10px;font-size:13px;line-height:18px}.card__form{flex-direction:column;gap:10px;width:100%;display:flex}.card__form input,.card__form textarea{color:#000;background:#fff;border:1px solid #000;border-radius:14px;outline:0;margin-top:10px;padding:.6em;font-family:inherit;box-shadow:inset 0 0 0 1px #0000}input:focus,textarea:focus{scroll-margin-bottom:140px}.card__form textarea{resize:vertical}.card__form button{color:#fff;cursor:pointer;background:#000;border:0;border-radius:14px;padding:.68em;font-weight:700}.sign-up:hover{opacity:.9}@media (max-width:600px){.uiverse-icons{flex-wrap:wrap;gap:20px}.uiverse-icons .layer{width:48px;height:48px}.uiverse-icons .card{width:90%;margin:0 auto;padding:18px 14px}.card__form button{border-radius:14px;width:100%;padding:.8em 1em}.card__form input,.card__form textarea{padding:.75em}.card__form textarea{min-height:140px}.floating-bar{width:94%;bottom:26px}.floating-bar a{padding:6px 8px}.card{max-width:360px;padding:16px 14px}}.contact{text-align:center;padding:30px 20px 100px}.contact-form{flex-direction:column;gap:20px;max-width:600px;margin:0 auto;display:flex}.contact-form input,.contact-form textarea{color:#fff;resize:none;background:#3f8efc22;border:none;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:1rem;transition:background .3s}.contact-form input:focus,.contact-form textarea:focus{background:#3f8efc44}.send-btn{color:#fff;cursor:pointer;background:#2667ff;border:none;border-radius:30px;align-self:center;padding:12px 30px;font-size:1rem;transition:transform .2s,background .3s}.send-btn:hover{background:#00f5d4;transform:translateY(-3px)}.site-footer{color:#fff;background:#000;width:100%;margin-top:0;padding:40px 20px}.site-footer .footer-inner{text-align:center;max-width:1000px;margin:0 auto}.site-footer .footer-name{letter-spacing:.5px;margin:0 0 6px;font-size:1.2rem;font-weight:800}.site-footer .footer-copy{opacity:.9;margin:0 0 16px}.site-footer .footer-copy a{color:inherit;text-decoration:underline}.education{text-align:left;margin-top:36px}.subsection-title{margin:30px 0 16px;font-size:1.4rem;position:relative}.subsection-title:after{content:"";background:#000;border-radius:10px;width:50px;height:3px;margin-top:10px;display:block}.education-list{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.education-item{background:#fff;border:2px solid #000;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:4px 4px #000}.education-item:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #000}.edu-left{align-items:center;gap:12px;min-width:0;display:flex}.edu-badge{background:#fff;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;min-width:42px;height:42px;font-weight:800;display:flex}.edu-texts{min-width:0}.edu-title{font-weight:800}.edu-sub{color:#333;font-size:.95rem}.edu-year{white-space:nowrap;color:#333;font-weight:600}@media (max-width:720px){.education-item{flex-direction:column;align-items:flex-start}.edu-year{align-self:flex-end}}.site-footer .footer-socials{justify-content:center;align-items:center;gap:22px;display:flex}.site-footer .footer-socials a{color:#fff;font-size:1.4rem;transition:transform .2s,color .2s;display:inline-flex}.site-footer .footer-socials a:hover{color:#00f5d4;transform:scale(1.08)}.site-footer .footer-socials a:focus-visible{outline-offset:4px;border-radius:6px;outline:2px solid #00f5d4}@media (max-width:600px){.site-footer{padding:36px 16px 120px}}.upvote-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:8px;margin-left:auto;padding:6px 14px;transition:all .3s;display:flex}.upvote-container:hover{background:#ffffff1f;border-color:#ff4d6d66;transform:translateY(-2px)}.upvote-btn{cursor:pointer;color:#333;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.1rem;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.upvote-btn i{transition:all .3s}.upvote-btn.active i{color:#ff4d6d;font-weight:900}.upvote-btn:active{transform:scale(1.4)}.upvote-count{color:#ff4d6d;opacity:0;font-size:.95rem;font-weight:700;transition:all .4s;display:none;transform:translate(-5px)}.upvote-count.show{opacity:1;display:inline-block;transform:translate(0)}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.6)}to{transform:scale(1)}}.heart-animate{animation:.4s cubic-bezier(.175,.885,.32,1.275) heartPop}@media (max-width:600px){.upvote-container{margin-top:12px;margin-left:0}}.github-section{text-align:center;background:#fafafa;width:100%;padding:100px 10%}.github-card{-webkit-backdrop-filter:blur(12px);text-align:left;background:#fff6;border:2px solid #000;border-radius:18px;max-width:800px;margin:0 auto;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:15px 15px #000}.github-card:hover{transform:translateY(-5px);box-shadow:5px 5px #000}.github-header{background:#1e1e1e;border-bottom:2px solid #000;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.github-dots{gap:8px;display:flex}.github-dot{border-radius:50%;width:12px;height:12px}.github-dot.red{background:#ff5f56}.github-dot.yellow{background:#ffbd2e}.github-dot.green{background:#27c93f}.github-title{color:#fff;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:700}.github-body{color:#333;background:#fff;min-height:250px;padding:30px}.timeline{margin:0;padding-left:30px;list-style:none;position:relative}.timeline:before{content:"";background:#000;width:2px;position:absolute;top:10px;bottom:10px;left:5px}.timeline-item{margin-bottom:30px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:#000;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:18px;left:-30px;box-shadow:0 0 0 2px #000}.timeline-dot.glowing{animation:2s infinite pulse-dot}@keyframes pulse-dot{0%{box-shadow:0 0 #0006}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.timeline-content{background:#fff;border:2px solid #000;border-radius:12px;padding:15px 20px;transition:transform .2s,box-shadow .2s;box-shadow:6px 6px #000}.timeline-content:hover{transform:translateY(-2px);box-shadow:2px 2px #000}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.timeline-repo{color:#000;background:#f0f0f0;border:1.5px solid #000;border-radius:20px;padding:4px 10px;font-size:.95rem;font-weight:800;text-decoration:none;transition:background .2s}.timeline-repo:hover{background:#e2e2e2}.timeline-date{color:#666;font-size:.8rem;font-weight:500}.timeline-msg{color:#111;word-break:break-word;margin:0 0 6px;font-family:Courier New,Courier,monospace;font-size:.95rem;font-weight:700}.timeline-sha{color:#3f8efc;font-size:.8rem;font-weight:700;text-decoration:none}.github-status-container{flex-direction:column;justify-content:center;align-items:center;gap:15px;height:180px;display:flex}.spinner{border:4px solid #0000001a;border-left-color:#000;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:600px){.github-section{padding:80px 6%}.github-body{padding:20px 15px}.timeline-header{flex-direction:column;align-items:flex-start}}@media (min-width:769px){.site-header{display:none}}@media (max-width:768px){.site-header{z-index:1000;pointer-events:none;background:0 0;border-bottom:none;width:100%;padding:20px;position:absolute;top:0}.nav-container{pointer-events:auto;justify-content:flex-end;align-items:center;max-width:100%;display:flex;position:relative}.hamburger-btn{cursor:pointer;z-index:1010;pointer-events:auto;background-color:#fff;border:2px solid #000;border-radius:5px;flex-direction:column;justify-content:space-around;align-items:center;width:36px;height:36px;padding:7px;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:2px 2px #000}.hamburger-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #000}.hamburger-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.hamburger-btn .bar{transform-origin:50%;background-color:#000;border-radius:10px;width:18px;height:2.5px;transition:all .3s;position:relative}.hamburger-btn.active .bar:first-child{transform:translateY(6px)rotate(45deg)}.hamburger-btn.active .bar:nth-child(2){opacity:0;transform:scale(0)}.hamburger-btn.active .bar:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.nav-links-wrapper{opacity:0;z-index:999;pointer-events:none;background-color:#fff;width:240px;max-height:0;transition:max-height .3s ease-in-out,opacity .2s ease-in-out;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden}.nav-links-wrapper.open{opacity:1;pointer-events:auto;border:3px solid #000;border-radius:8px;max-height:450px;box-shadow:6px 6px #000}.nav-links{flex-direction:column;gap:0;width:100%;display:flex}.nav-links a{color:#000;background-color:#fff;border-bottom:2px solid #f0f0f0;padding:15px 24px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:background-color .2s;display:block}.nav-links a:last-child{border-bottom:none}.nav-links a:hover{color:#000;background-color:#f1f1f1}}.main-content{min-height:calc(100vh - 180px)}.keyboard-hint{color:#000;z-index:1000;cursor:pointer;background-color:#fff;border:3px solid #000;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:width .3s cubic-bezier(.4,0,.2,1),transform .1s,box-shadow .1s;display:flex;position:fixed;bottom:20px;right:20px;overflow:hidden;box-shadow:4px 4px #000}.keyboard-hint .hint-label{opacity:0;white-space:nowrap;max-width:0;font-size:.85rem;font-weight:700;transition:opacity .2s,max-width .3s cubic-bezier(.4,0,.2,1);display:inline-block;overflow:hidden}.keyboard-hint .hint-key{text-align:center;background-color:#fff;border:2px solid #000;border-radius:4px;flex-shrink:0;min-width:24px;padding:2px 6px;font-family:monospace;font-weight:800;display:inline-block;box-shadow:2px 2px #000}@media (min-width:769px){.keyboard-hint:hover{justify-content:space-between;width:195px;padding:0 16px}.keyboard-hint:hover .hint-label{opacity:1;max-width:100px}}.keyboard-hint:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.keyboard-hint:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background-color:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.kbd-modal{color:#000;background-color:#fff;border:4px solid #000;border-radius:12px;width:90%;max-width:400px;padding:24px;animation:.2s cubic-bezier(.175,.885,.32,1.275) modalSlide;box-shadow:10px 10px #000}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kbd-modal .modal-header{border-bottom:3px solid #000;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.kbd-modal .modal-header h3{margin:0;font-size:1.3rem;font-weight:800}.kbd-modal .close-btn{cursor:pointer;background:0 0;border:2px solid #000;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;transition:all .1s;display:flex}.kbd-modal .close-btn:hover{color:#fff;background-color:#000}.kbd-modal .modal-body{flex-direction:column;gap:12px;display:flex}.shortcut-row{align-items:center;gap:15px;font-size:1rem;font-weight:600;display:flex}.shortcut-row kbd{text-align:center;background-color:#fff;border:2px solid #000;border-radius:4px;min-width:35px;padding:3px 8px;font-family:monospace;font-weight:800;display:inline-block;box-shadow:2px 2px #000}.shortcut-row.divider{border-top:2px solid #000;margin-top:4px;padding-top:12px}.shortcut-row span{opacity:.9}.main-content{flex:1 0 auto}.featured-grid{grid-template-columns:1fr 1fr;gap:24px;width:100%;max-width:1000px;margin:0 auto 30px;display:grid}@media (max-width:768px){.featured-grid{grid-template-columns:1fr;gap:20px}}.doc-project-card{cursor:pointer;background-color:#fff;border:2px solid #000;border-radius:6px;flex-direction:column;justify-content:space-between;padding:16px;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:3px 3px #000}.doc-project-card:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #000}.doc-project-card:active{transform:translate(2px,2px);box-shadow:1.5px 1.5px #000}.doc-project-card .card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.doc-project-card .card-title{margin:0;font-size:1.4rem;font-weight:800}.doc-project-card .external-title-link{color:#000;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.status-badge{color:#555;align-items:center;gap:4px;font-size:.75rem;font-weight:700;display:inline-flex}.status-badge .dot{font-size:.55rem}.status-badge.live .dot{color:#22c55e}.status-badge.dev .dot{color:#eab308}.status-badge.archived{color:#868e96}.doc-project-card .card-description{color:#333;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 20px;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.doc-project-card .card-tech-stack{flex-wrap:wrap;gap:6px;display:flex}.doc-project-card .tech-badge{color:#000;background-color:#f1f3f5;border:1.5px solid #000;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:700}.expandable-card{cursor:pointer;text-align:left;background-color:#fff;border:2px solid #000;border-radius:6px;outline:none;flex-direction:column;margin-bottom:16px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:3px 3px #000}.expandable-card:focus-visible{border-color:#3f8efc;box-shadow:3px 3px #3f8efc}.expandable-card:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #000}.expandable-card.expanded{transform:none;box-shadow:3px 3px #000}.card-top-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.card-top-header .header-left,.card-top-header .header-right{align-items:center;gap:12px;display:flex}.expandable-card .card-title{margin:0;font-size:1.15rem;font-weight:800}.expandable-card .external-title-link,.doc-project-card .external-title-link{color:#000;align-items:center;gap:4px;text-decoration:none;display:inline-flex;position:relative}.expandable-card .external-title-link:after,.doc-project-card .external-title-link:after{content:"";transform-origin:100% 100%;background-color:currentColor;width:100%;height:2px;transition:transform .25s ease-out;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.expandable-card .external-title-link:hover:after,.doc-project-card .external-title-link:hover:after{transform-origin:0 100%;transform:scaleX(1)}.github-link-btn{color:#000;background-color:#fff;border:2px solid #000;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .1s;display:inline-flex;box-shadow:2px 2px #000}.github-link-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #000}.expandable-card .expand-indicator{color:#000;align-items:center;margin-left:8px;font-size:1.1rem;display:flex}.expandable-card .card-short-desc{color:#333;margin:0 0 12px;font-size:.9rem;line-height:1.5}.expanded-drawer{width:100%;transition:height .3s ease-in-out;overflow:hidden}.expanded-drawer-inner{border-top:2px dashed #000;flex-direction:column;gap:20px;margin-top:20px;padding-top:20px;display:flex}.expanded-drawer-inner .doc-section h4{text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:1.1rem;font-weight:800}.expanded-drawer-inner .doc-section p{color:#333;margin:0;font-size:.98rem;line-height:1.7}.page-container,.home-container{box-sizing:border-box;width:100%;padding-left:20px;padding-right:20px}@media (max-width:600px){.expandable-card,.doc-project-card{margin-bottom:16px;padding:16px}.card-top-header{flex-direction:column;align-items:flex-start;gap:12px}.card-top-header .header-left{flex-wrap:wrap;justify-content:space-between;width:100%}.card-top-header .header-right{border-top:1px dashed #ccc;justify-content:space-between;width:100%;padding-top:10px}}::view-transition-group(root){animation-duration:var(--magicui-theme-toggle-vt-duration,.4s)}[data-magicui-theme-vt=active]::view-transition-old(root){mix-blend-mode:normal;animation:none}[data-magicui-theme-vt=active]::view-transition-new(root){mix-blend-mode:normal;clip-path:var(--magicui-theme-vt-clip-from);animation:none}.doc-page-nav-section{box-sizing:border-box;max-width:1200px;margin:100px auto 64px;padding:0 6%}.doc-page-nav-divider{background-color:#e5e7eb;width:100%;height:1px}.doc-page-nav-divider.top{margin-bottom:24px}.doc-page-nav-divider.bottom{margin-top:24px}.doc-page-nav-container{justify-content:space-between;align-items:center;gap:24px;width:100%;display:flex}.doc-nav-link{color:#000;box-sizing:border-box;flex:1;align-items:center;min-height:48px;padding:14px 0;font-size:1.1rem;font-weight:700;text-decoration:none;transition:color .2s ease-out;display:inline-flex}.doc-nav-link.prev{text-align:left;justify-content:flex-start}.doc-nav-link.next{text-align:right;justify-content:flex-end}.doc-nav-link .link-title{position:relative}.doc-nav-link .link-title:after{content:"";transform-origin:100% 100%;background-color:currentColor;width:100%;height:2px;transition:transform .25s ease-out;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.doc-nav-link:hover .link-title:after,.doc-nav-link:active .link-title:after{transform-origin:0 100%;transform:scaleX(1)}.doc-nav-link .arrow{transition:transform .2s ease-out;display:inline-block}.doc-nav-link.prev .arrow{margin-right:8px}.doc-nav-link.next .arrow{margin-left:8px}.doc-nav-spacer{flex:1}.doc-nav-link:hover,.doc-nav-link:active{color:#3f8efc}.doc-nav-link.prev:hover .arrow,.doc-nav-link.prev:active .arrow{transform:translate(-3px)}.doc-nav-link.next:hover .arrow,.doc-nav-link.next:active .arrow{transform:translate(3px)}@media (max-width:768px){.doc-page-nav-section{margin:60px auto 48px}}