@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Sora:wght@400;500;600&display=swap";.gridscan{position:relative;width:100%;height:100%;overflow:hidden}.gridscan__preview{position:absolute;right:12px;bottom:12px;width:220px;height:132px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 16px #0006;background:#000;color:#fff;font:12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;pointer-events:none}.gridscan__video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.gridscan__badge{position:absolute;left:8px;top:8px;padding:2px 6px;background:#00000080;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}:root{--linear-ease: linear(0, .068, .19 2.7%, .804 8.1%, 1.037, 1.199 13.2%, 1.245, 1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, .996 28%, .949, .928 33.3%, .926, .933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%, 1.018 54.4%, 1 63.1%, .995 68%, 1.001 85%, 1)}.gooey-nav-container{position:relative}.gooey-nav-filter{position:absolute;width:0;height:0;pointer-events:none}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container nav ul{display:flex;gap:2em;list-style:none;padding:0 1em;margin:0;position:relative;z-index:3;color:#fff;text-shadow:0 1px 1px hsl(205deg 30% 10% / .2)}.gooey-nav-container nav ul li{border-radius:100vw;position:relative;cursor:pointer;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;box-shadow:0 0 .5px 1.5px transparent;color:#fff}.gooey-nav-container nav ul li a{display:inline-block;padding:.6em 1em}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px #fff}.gooey-nav-container nav ul li:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:#fff;opacity:0;transform:scale(0);transition:all .3s ease;z-index:-1}.gooey-nav-container nav ul li.active{color:#000;text-shadow:none}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container .effect{position:absolute;left:0;top:0;width:0;height:0;opacity:1;pointer-events:none;display:grid;place-items:center;z-index:1}.gooey-nav-container .effect.text{color:#fff;transition:color .3s ease}.gooey-nav-container .effect.text.active{color:#000}.gooey-nav-container .effect.filter{filter:url(#gooey-nav-effect);mix-blend-mode:lighten}.gooey-nav-container .effect.filter:before{content:"";position:absolute;top:-75px;right:-75px;bottom:-75px;left:-75px;z-index:-2;background:transparent}.gooey-nav-container .effect.filter:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform:scale(0);opacity:0;z-index:-1;border-radius:100vw}.gooey-nav-container .effect.active:after{animation:pill .3s ease both}.gooey-nav-container .effect.filter:before{background:transparent}@keyframes pill{to{transform:scale(1);opacity:1}}.particle,.point{display:block;opacity:0;width:20px;height:20px;border-radius:100%;transform-origin:center}.particle{--time: 5s;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px);animation:particle calc(var(--time)) ease 1 -.35s}.point{background:var(--color);opacity:1;animation:point calc(var(--time)) ease 1 -.35s}@keyframes particle{0%{transform:rotate(0) translate(calc(var(--start-x)),calc(var(--start-y)));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2),calc(var(--end-y) * 1.2));opacity:1;animation-timing-function:ease}85%{transform:rotate(calc(var(--rotate) * .66)) translate(calc(var(--end-x)),calc(var(--end-y)));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5),calc(var(--end-y) * .5));opacity:1}}@keyframes point{0%{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45)}25%{transform:scale(calc(var(--scale) * .25))}38%{opacity:1}65%{transform:scale(var(--scale));opacity:1;animation-timing-function:ease}85%{transform:scale(var(--scale));opacity:1}to{transform:scale(0);opacity:0}}#infinite-grid-menu-canvas{cursor:grab;width:100%;height:100%;overflow:hidden;position:relative;outline:none}#infinite-grid-menu-canvas:active{cursor:grabbing}.menu-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.menu-overlay.active{opacity:1;transition:opacity .4s ease}.menu-overlay.inactive{opacity:0;transition:opacity .1s ease}.face-title{-webkit-user-select:none;user-select:none;position:absolute;font-weight:900;font-size:2.6rem;left:50%;top:3.4%;transform:translate(-50%,-90%);text-align:center;pointer-events:auto}.action-button-icon{-webkit-user-select:none;user-select:none;position:relative;color:#fff;top:2px;font-size:26px}.face-title.active{opacity:1;transform:translate(-50%,-90%);pointer-events:auto;transition:.5s ease}.face-title.inactive{pointer-events:none;opacity:0;transition:.1s ease}.repo-panel{position:absolute;right:6%;top:52%;transform:translateY(-50%);width:min(220px,30%);pointer-events:auto;display:grid;gap:.6rem;justify-items:start;align-items:center;padding:.75rem .85rem;border-radius:16px;border:1px solid rgba(144,173,255,.25);background:#080e208c;box-shadow:0 16px 40px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.face-description{-webkit-user-select:none;user-select:none;max-width:14ch;font-size:1.05rem;text-align:left;margin:0}.repo-panel .face-description{margin-right:0;justify-self:start}.face-description.active{opacity:1;pointer-events:auto;transition:.5s ease}.face-description.inactive{pointer-events:none;opacity:0;transition:.1s ease}.action-button{width:46px;height:46px;display:grid;place-items:center;background:#5227ff;border:none;border-radius:50%;cursor:pointer;border:4px solid #000;gap:.2rem}.repo-action-label{font-size:.75rem;color:#fff;margin-top:.15rem}.repo-action{width:auto;height:auto;display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .9rem;border-radius:12px;background:#5227ff;border:2px solid #000;box-shadow:0 10px 26px #5227ff59}.repo-action-arrow{font-size:16px;color:#fff;position:relative;top:-4px}.action-button.active{opacity:1;pointer-events:auto;transition:.5s ease}.action-button.inactive{opacity:0;pointer-events:none;transition:.1s ease}.repo-action{justify-self:start;margin-right:0}.language-panel{position:absolute;left:6%;top:48%;transform:translateY(-50%);width:min(220px,30%);pointer-events:auto;display:grid;gap:.6rem;padding:.75rem .85rem;border-radius:16px;border:1px solid rgba(144,173,255,.25);background:#080e208c;box-shadow:0 16px 40px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lang-title{font-weight:700;font-size:1rem}.lang-donut{width:120px;height:120px}.lang-list{display:grid;gap:.35rem;font-size:.9rem}.lang-item{display:flex;align-items:center;gap:.45rem}.lang-dot{width:10px;height:10px;border-radius:50%}.lang-percent{margin-left:auto;color:#cbd5ff;font-size:.85rem}@media(max-width:1500px){.face-title,.face-description,.language-panel,.repo-panel{display:none}}:root{--hue: 27;--sat: 69%;--white: hsl(0, 0%, 100%);--purple-primary: rgba(132, 0, 255, 1);--purple-glow: rgba(132, 0, 255, .2);--purple-border: rgba(132, 0, 255, .8);--border-color: #392e4e;--background-dark: #060010;color-scheme:light dark}.card-grid{display:grid;gap:.5em;padding:.75em;max-width:54em;font-size:clamp(1rem,.9rem + .5vw,1.5rem)}.bento-section--linear{grid-template-columns:1fr;max-width:none}.bento-section--linear .magic-bento-wrapper{grid-column:auto!important;grid-row:auto!important}.magic-bento-card{display:flex;flex-direction:column;justify-content:space-between;position:relative;aspect-ratio:4/3;min-height:200px;width:100%;max-width:100%;padding:1.25em;border-radius:20px;border:1px solid var(--border-color);background:var(--background-dark);font-weight:300;overflow:hidden;transition:all .3s ease;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 200px}.magic-bento-wrapper{aspect-ratio:auto;min-height:auto;padding:0;border:none;background:transparent}.magic-bento-wrapper>.card{width:100%}.magic-bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.magic-bento-card__header,.magic-bento-card__content{display:flex;position:relative;color:var(--white)}.magic-bento-card__header{gap:.75em;justify-content:space-between}.magic-bento-card__content{flex-direction:column}.magic-bento-card__label{font-size:16px}.magic-bento-card__title,.magic-bento-card__description{--clamp-title: 1;--clamp-desc: 2}.magic-bento-card__title{font-weight:400;font-size:16px;margin:0 0 .25em}.magic-bento-card__description{font-size:12px;line-height:1.2;opacity:.9}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media(max-width:599px){.card-grid{grid-template-columns:1fr;width:90%;margin:0 auto;padding:.5em}.magic-bento-card{width:100%;min-height:180px}}@media(min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.magic-bento-card:nth-child(3){grid-column:span 2;grid-row:span 2}.magic-bento-card:nth-child(4){grid-column:1 / span 2;grid-row:2 / span 2}.magic-bento-card:nth-child(6){grid-column:4;grid-row:3}}.magic-bento-card--border-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:6px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(132,0,255,calc(var(--glow-intensity) * .8)) 0%,rgba(132,0,255,calc(var(--glow-intensity) * .4)) 30%,transparent 60%);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:1}.magic-bento-card--border-glow:hover:after{opacity:1}.magic-bento-card--border-glow:hover{box-shadow:0 4px 20px #2e184e66,0 0 30px var(--purple-glow)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:#8400ff33;border-radius:50%;z-index:-1}.particle-container:hover{box-shadow:0 4px 20px #2e184e33,0 0 30px var(--purple-glow)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;-webkit-user-select:none;user-select:none}:root{--bg: #070816;--card: rgba(8, 14, 32, .74);--line: rgba(144, 173, 255, .24);--text: #f3f7ff;--muted: #a3b0d3;--cyan: #78e4ff;--blue: #8094ff}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Sora,Segoe UI,sans-serif;color:var(--text);background:var(--bg);padding-top:78px}a{color:inherit;text-decoration:none}.portfolio-shell{width:min(1240px,calc(100% - 1.5rem));margin:0 auto;padding:1rem 0 2rem}.gridscan-bg{width:100%;height:100%}.hero-header{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end;margin-bottom:1rem;margin-top:.6rem;padding-top:.8rem}#home,#skills,#projects,#contact{scroll-margin-top:90px}.brand-col h1,.brand-col h2{margin:0;font-family:Space Grotesk,sans-serif;line-height:.95}.brand-col h1{font-size:clamp(2.3rem,7vw,5rem)}.brand-col h2{font-size:clamp(1.1rem,2.5vw,2rem);color:var(--cyan)}.brand-col p{margin:.5rem 0 0;color:var(--muted);max-width:48ch}.status{display:inline-flex;margin:0 0 .6rem;padding:.35rem .68rem;border-radius:999px;border:1px solid var(--line);background:#ffffff08;color:#dce6ff;font-size:.78rem}.hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.hero-meta article{padding:.75rem;border-radius:14px;border:1px solid var(--line);background:#ffffff08;min-width:126px}.hero-meta strong{display:block;font-size:1.1rem}.hero-meta span{font-size:.82rem;color:var(--muted)}.topbar{position:fixed;top:0;left:0;right:0;z-index:60;height:70px;background:#000000e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;overflow:hidden}.topbar-inner{width:min(1240px,calc(100% - 1.5rem));margin:0 auto}.content-grid,.card-grid{display:grid;gap:1rem;grid-template-columns:1fr}.card{border:1px solid var(--line);border-radius:22px;padding:1rem;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 40%),var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 54px #0000005c}.card h3{margin:0 0 .65rem;font-family:Space Grotesk,sans-serif;font-size:1.4rem}.intro-card p,.contact-card p,.project-details p{margin:0;color:var(--muted);line-height:1.7}.about-boxes{margin-top:.8rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.about-box{border:1px solid var(--line);border-radius:14px;padding:.7rem .8rem;background:#ffffff08;display:grid;gap:.35rem}.about-box-title{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.about-box a{color:var(--text);text-decoration:underline;text-underline-offset:3px}.tag-list{margin-top:.8rem;display:flex;gap:.5rem;flex-wrap:wrap}.tag-list span{padding:.35rem .62rem;border-radius:999px;border:1px solid var(--line);background:#ffffff08;font-size:.78rem}.skill-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.skill-groups article{padding:.8rem;border-radius:16px;border:1px solid var(--line);background:#ffffff05}.skill-groups header{margin-bottom:.75rem}.skill-list{display:grid;gap:.65rem}.skill-item div{display:flex;justify-content:space-between;margin-bottom:.32rem}.skill-item span{font-size:.89rem;color:#dbe4ff}.skill-item b{font-size:.8rem}.track{height:10px;border-radius:999px;background:#ffffff0f;overflow:hidden}.track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),#ffbf78)}.projects-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.projects-tools{display:flex;align-items:center;gap:.7rem}.projects-head span{color:var(--muted)}.projects-note{margin:-.2rem 0 .8rem;color:var(--muted);font-size:.85rem}.menu-box{position:relative;padding:.3rem 0 .1rem}.project-details{margin-top:.9rem;padding:.9rem;border-radius:16px;border:1px solid var(--line);background:#ffffff05}.project-details h4{margin:0 0 .45rem;font-size:1.15rem}.project-meta{margin-top:.6rem;display:flex;flex-wrap:wrap;gap:.46rem}.project-meta span{border-radius:999px;padding:.3rem .6rem;border:1px solid var(--line);color:#d9e2ff;font-size:.78rem}.project-actions{margin-top:.7rem;display:flex;gap:.55rem;flex-wrap:wrap}.project-actions a,.social-links a,.outline-btn,.primary-btn{border-radius:14px;border:1px solid var(--line);background:#ffffff08;color:#e8efff;padding:.58rem .84rem;font-weight:600;cursor:pointer}.primary-btn{width:100%;background:linear-gradient(180deg,#8dd8ff,#7a83ff);color:#081028;border:0;padding:.55rem .84rem}.contact-card form{margin-top:.85rem;display:grid;gap:.7rem}.contact-card label{display:grid;gap:.32rem;font-size:.9rem}.contact-card input,.contact-card textarea{width:100%;padding:.6rem .75rem;border-radius:12px;border:1px solid var(--line);background:#ffffff08;color:var(--text)}.contact-layout{display:grid;grid-template-columns:1fr minmax(280px,420px);gap:1.2rem;align-items:start}.contact-form{margin:0}.social-links{margin-top:.6rem;display:flex;flex-wrap:wrap;gap:.55rem}.captcha-row{display:flex;justify-content:space-between;gap:.7rem;align-items:center;border-radius:14px;border:1px solid var(--line);padding:.55rem;background:#ffffff05}.captcha-box{display:grid;gap:.55rem;padding:.6rem;border-radius:14px;border:1px solid var(--line);background:#ffffff05}.captcha-box input{border-radius:12px;border:1px solid var(--line);background:#ffffff08;color:var(--text);padding:.6rem .75rem}.captcha-head{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.captcha-row small{color:var(--muted)}.captcha-row strong{display:block;margin-top:.2rem}.hidden-input{position:absolute;left:-9999px;opacity:0}.form-msg,.error-text{margin:0;color:#ffb6ca}.footer{margin-top:1rem;padding:.3rem;display:flex;justify-content:space-between;gap:.8rem;color:var(--muted)}@media(max-width:980px){.hero-header,.hero-meta,.skill-groups,.contact-layout,.about-boxes{grid-template-columns:1fr}.hero-meta article{min-width:0}body{padding-top:86px}.projects-head,.projects-tools{flex-direction:column;align-items:flex-start}}.contact-layout{display:grid;grid-template-columns:minmax(420px,1fr) minmax(340px,460px);grid-template-areas:"form info";gap:1.2rem;align-items:start;justify-items:start}.contact-info h3{margin-top:0}.contact-form{margin:0;width:100%;grid-area:form}.contact-info{width:100%;grid-area:info}.discord-card{display:block;margin-top:.8rem;border-radius:14px;border:1px solid var(--line);overflow:hidden;background:#ffffff05}.discord-card img{display:block;width:100%;height:auto}