@charset "UTF-8";.mainNav .mainNav__list{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.8vw,24px)}.mainNav .mainNav__link{position:relative;display:inline-block;padding:8px 2px;color:#e9eef4eb;text-decoration:none;transition:color .16s ease}.mainNav .mainNav__link:after{content:"";position:absolute;left:50%;bottom:-6px;width:0;height:2px;background:#2fd1c2;transition:width .18s ease,left .18s ease}.mainNav .mainNav__link:hover{color:#fff}.mainNav .mainNav__link:hover:after{width:100%;left:0}.mainNav .mainNav__link.is-active:after{width:100%;left:0}@media only screen and (max-width: 480px){.mainNav .mainNav__list{flex-wrap:wrap;row-gap:6px}.mainNav .mainNav__link{padding:6px 2px}}.GlassWrapper{position:sticky;top:0;z-index:1000;width:100%;background:#10111773;backdrop-filter:blur(8px) saturate(115%);-webkit-backdrop-filter:blur(8px) saturate(115%);border-bottom:1px solid rgba(255,255,255,.06)}.GlassWrapper .GlassWrapper__inner{max-width:1600px;margin:0 2rem;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}@media only screen and (max-width: 480px){.GlassWrapper .GlassWrapper__inner{margin:0 1rem;padding:10px 0}}.GlassWrapper .brand{text-decoration:none}.GlassWrapper .brand .brand__text{color:#2fd1c2;font-weight:700;letter-spacing:.3px;font-size:1.25rem;line-height:1;white-space:nowrap}@media only screen and (max-width: 480px){.GlassWrapper .brand .brand__text{font-size:1.35rem}}.GlassWrapper .mainNav{display:block}.GlassWrapper .hamburger,.GlassWrapper .mobileNav,.GlassWrapper .mobileBackdrop{display:none}@media only screen and (max-width: 480px){.GlassWrapper .mainNav{display:none}.GlassWrapper .hamburger{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:36px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#ffffff0f;cursor:pointer}.GlassWrapper .hamburger span{display:block;height:2px;width:22px;margin:0 auto;background:#e9eef4;border-radius:2px}.GlassWrapper .mobileNav{display:grid;position:fixed;top:56px;left:0;right:0;transform:translateY(-16px);opacity:0;pointer-events:none;background:#0c101cf5;border-bottom:1px solid rgba(255,255,255,.08);gap:8px;padding:12px 16px;transition:transform .2s ease,opacity .2s ease}.GlassWrapper .mobileNav.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.GlassWrapper .mobileNav .mobileNav__link{padding:10px 6px;color:#e9eef4;text-decoration:none;font-weight:600;border-radius:8px}.GlassWrapper .mobileNav .mobileNav__link:hover{background:#ffffff0f}.GlassWrapper .mobileBackdrop{display:block;position:fixed;right:0;bottom:0;left:0;top:56px;background:#00000059;opacity:0;pointer-events:none;transition:opacity .2s ease}.GlassWrapper .mobileBackdrop.is-open{opacity:1;pointer-events:auto}}.no-scroll{overflow:hidden}.footer{width:100%;color:#fff;background:radial-gradient(1200px 400px at 20% -20%,rgba(122,92,255,.1),transparent),radial-gradient(900px 300px at 80% -10%,rgba(0,212,255,.08),transparent),linear-gradient(180deg,#191a1f,#1c1c1f);border-top:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:saturate(120%);backdrop-filter:saturate(120%)}.footer__inner{max-width:1200px;margin:0 auto;padding:clamp(1rem,2.5vw,2rem) clamp(1rem,3vw,2rem);display:flex;align-items:center;justify-content:space-between;gap:clamp(.75rem,2vw,2rem);flex-wrap:wrap}@media only screen and (max-width: 480px){.footer__inner{justify-content:center;text-align:center}}.footer__brand{min-width:260px}@media only screen and (max-width: 480px){.footer__brand{flex-basis:100%;display:flex;flex-direction:column;align-items:center}}.footer__copy{margin:0;font-weight:600;letter-spacing:.2px}.footer__name{color:#fff}.footer__tag{margin:.2rem 0 0;font-size:.9rem;color:#ffffffa6;letter-spacing:.2px}.footer__nav{display:flex;align-items:center;gap:clamp(.5rem,2vw,1.25rem)}.footer__nav a{color:#fff;text-decoration:none;font-size:.95rem;opacity:.85;position:relative;transition:opacity .2s ease,transform .2s ease}.footer__nav a:hover{opacity:1;transform:translateY(-1px)}.footer__nav a:focus-visible{outline:3px solid rgb(208.45,197.95,255);outline-offset:2px;border-radius:6px}@media only screen and (max-width: 480px){.footer__nav{order:3;flex-basis:100%;justify-content:center;margin-top:.25rem}}.footer__social{display:flex;align-items:center;gap:.5rem}@media only screen and (max-width: 480px){.footer__social{flex-basis:100%;justify-content:center}}.icon-btn{width:2.4rem;height:2.4rem;display:inline-grid;place-items:center;font-size:1.25rem;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0a;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.icon-btn i{pointer-events:none}.icon-btn:hover{background:#ffffff14;transform:translateY(-1.5px);box-shadow:0 6px 18px #00000059;border-color:#ffffff38}.icon-btn:focus-visible{outline:3px solid rgb(208.45,197.95,255);outline-offset:2px}.icon-btn--text{font-weight:700;line-height:1;font-size:1rem}@media (prefers-reduced-motion: reduce){.icon-btn,.footer__nav a{transition:none}}html{box-sizing:border-box;scrollbar-gutter:stable both-edges}*,*:before,*:after{box-sizing:inherit}html,body,#root{height:100%;min-height:100dvh}body{margin:0;color:#e9eef4;background:#0b0f19;overflow-x:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.appContainer{display:grid;grid-template-rows:auto 1fr auto;min-height:100%;isolation:isolate}.appContainer:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 115% 100% at 50% 70%,#20103e 7%,#0b0f19 82%);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}.appContainer:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(1200px 600px at 20% 15%,rgba(64,113,255,.14),transparent 60%),radial-gradient(1000px 700px at 85% 60%,rgba(165,62,255,.1),transparent 65%);mix-blend-mode:screen}h1,h2,h3{line-height:1.15;letter-spacing:.2px}.section-title,.pageHeader{color:#2fd1c2;margin:1rem 0 0 7rem;font-size:2.5rem}a{color:#2fd1c2;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}:where(a,button,[role=button],input,textarea,select):focus-visible{outline:none;box-shadow:0 0 0 6px color-mix(in srgb,#2fd1c2,transparent 85%);border-radius:12px}#error-page{display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:2.5;color:#fff;font-size:1.8rem;margin-top:17rem}.home{width:95%;margin-inline:auto;padding:clamp(14px,2vw,24px) 0;color:#e9eef4}.hero{display:grid;grid-template-columns:20rem minmax(0,1.7fr) minmax(0,1.1fr);grid-template-rows:auto auto auto;column-gap:3rem;row-gap:.75rem;align-items:center;margin-bottom:1.5rem}.hero .hero__media{grid-column:1/2;grid-row:1/2;width:20rem;height:24rem;background:#000;border-radius:16px;border:2px solid rgb(169,30,255);box-shadow:0 0 0 1px #a91eff47,0 10px 28px #00000059,0 0 18px #00dbf838;overflow:hidden;flex-shrink:0}@media only screen and (max-width: 480px){.hero .hero__media{margin:0 auto;grid-row:1/2;width:16rem;height:19rem}}.hero .hero__portrait{width:130%;height:120%;margin-top:1.75rem;object-fit:cover;transform:translate(-10%,-5%)}.hero .hero__content{grid-column:2/3;grid-row:1/2;display:flex;flex-direction:column;margin-left:3rem}@media only screen and (max-width: 480px){.hero .hero__content{grid-column:1/-1;grid-row:2/3;margin-left:0;text-align:center}}.hero .hero__title{margin:0 0 .5rem;font-size:clamp(2.25rem,1.6rem + 2.2vw,3.4rem);line-height:1.05}.hero .hero__tagline{margin:0 0 clamp(12px,2vw,18px);opacity:.9;font-size:clamp(1rem,.95rem + .4vw,1.25rem)}.hero .hero__ctas{display:flex;gap:clamp(10px,1.4vw,16px);flex-wrap:wrap}@media only screen and (max-width: 480px){.hero .hero__ctas{justify-content:center}}.hero .hero__about{grid-column:3/4;grid-row:1/2;max-width:44rem;margin-left:auto;padding-left:1rem;align-self:center}@media only screen and (max-width: 768px){.hero .hero__about{grid-column:1/-1;grid-row:3/4;max-width:36rem;margin:1.5rem auto 0;padding-left:0;text-align:left}}@media only screen and (max-width: 480px){.hero .hero__about{text-align:center}}.hero .homeSectionTitle{color:#2fd1c2;margin:0;white-space:nowrap;font-size:1.4rem}.hero .homeSectionTitle--about{margin-bottom:.6rem}.hero .hero__divider{grid-column:2/4;grid-row:2/3;display:flex;align-items:center;gap:1rem;margin-top:.2rem;margin-bottom:.1rem}.hero .hero__divider hr{flex:1;border:0;border-top:1px solid rgba(255,255,255,.18)}.hero .hero__cards{grid-column:1/4;grid-row:3/4;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}@media only screen and (max-width: 768px){.hero .hero__cards{grid-column:1/-1;justify-content:center}}@media only screen and (max-width: 768px){.hero{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;column-gap:0;row-gap:1.25rem}.hero .hero__media{grid-column:1/-1;grid-row:1/2}.hero .hero__content{grid-column:1/-1;grid-row:2/3}.hero .hero__about{grid-column:1/-1;grid-row:3/4}.hero .hero__divider{grid-column:1/-1;grid-row:4/5}.hero .hero__cards{grid-column:1/-1;grid-row:5/6}}.btn{--ring: #2fd1c2;display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1rem;border-radius:12px;font-weight:600;letter-spacing:.2px;text-decoration:none;color:#e9eef4;transition:box-shadow .15s ease,background .15s ease,color .15s ease}.btn--outline{box-shadow:0 0 0 1px var(--ring) inset}.btn--outline:hover{box-shadow:0 0 0 2px var(--ring) inset}.btn--solid{background:var(--ring);color:#041018}.btn--solid:hover{box-shadow:0 0 0 6px color-mix(in srgb,var(--ring),transparent 85%)}.homeCard{flex:1 1 26rem;max-width:28rem;display:grid;height:22rem;gap:10px;background:linear-gradient(180deg,#0f1426,#0d1222);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem;color:#e9eef4;text-decoration:none;text-align:center;box-shadow:0 0 0 1px #2fd1c247 inset;transition:transform .12s ease,box-shadow .12s ease}.homeCard:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #2fd1c247 inset,0 0 0 5px color-mix(in srgb,#2fd1c2,transparent 86%)}.homeCard .homeCard__head{display:grid;gap:2px;margin-bottom:0}.homeCard .homeCard__kicker{color:#8fe9df;font-weight:700;font-size:.95rem}.homeCard .homeCard__title{margin:0;font-size:clamp(1.2rem,1rem + .4vw,1.5rem)}.homeCard .homeCard__tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:6px}.homeCard .homeCard__image{width:100%;aspect-ratio:16/9;height:12rem;object-fit:cover;border-radius:12px}@media only screen and (max-width: 480px){.homeCard{max-width:28rem;height:28.9rem;margin-inline:auto}}.homeTag{font-size:.85rem;padding:4px 8px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#e9eef4}.about-snippet{opacity:.92;line-height:1.6;margin:0 0 .6rem}@media only screen and (max-width: 480px){.about-snippet{font-size:1rem;text-align:center}}.link-more{color:#2fd1c2;text-decoration:none}@media only screen and (max-width: 480px){.link-more{font-size:1rem;margin-left:2rem}}.link-more:hover{text-decoration:underline;text-underline-offset:3px}.about{display:flex;flex-direction:column;align-items:stretch;text-align:left;color:#fff;text-shadow:5px 3px 11px rgb(2,40,51);background-color:#0d092e3f;border:2px solid rgb(169,30,255);border-radius:30px;box-shadow:0 0 0 1px #a91eff47,0 10px 28px #00000059,0 0 18px #00dbf838;width:min(100%,70rem);max-width:none;margin:0 auto;padding:clamp(18px,2.8vw,36px) clamp(18px,3.2vw,44px);font-size:clamp(1.1rem,1rem + .35vw,1.5rem);line-height:1.65}.about .bio{width:100%;margin-top:clamp(12px,2vw,18px);padding-bottom:0}.about .bio ul{margin:.75rem 0 0;padding-left:1.35rem}.about .bio li{margin:.4rem 0}@media only screen and (max-width: 768px){.about{border-radius:24px}}@media only screen and (max-width: 480px){.about{text-align:center;padding:16px 14px}.about .bio{font-size:1rem}}.aboutHero{padding-top:24px;padding-bottom:48px;scroll-margin-top:80px}.aboutHero .aboutHero__inner{max-width:1280px;margin:0 auto;padding:0 24px;display:block}@media only screen and (max-width: 768px){.aboutHero .aboutHero__inner{padding:0 20px}}@media only screen and (max-width: 480px){.aboutHero .aboutHero__inner{padding:0 16px}}.aboutHero .aboutHero__title{margin:0 0 0 7rem}@media only screen and (max-width: 768px){.aboutHero .aboutHero__title{text-align:center;margin-bottom:14px}}.aboutHero .aboutHero__text{width:100%}.aboutHero .aboutHero__text>*{width:100%;max-width:1100px;margin:0 auto;line-height:1.7}@media only screen and (max-width: 768px){.aboutHero .aboutHero__text>*{max-width:760px}}@media only screen and (max-width: 480px){.aboutHero .aboutHero__text>*{max-width:100%}}.aboutHero .aboutHero__text ul{padding-left:20px;margin-top:12px}.aboutHero .aboutHero__text li{margin:6px 0}.formContainer{margin:.2rem auto 7rem;width:min(680px,92vw);display:flex;flex-direction:column;align-items:stretch;gap:.6rem;text-align:left;padding:28px;color:#e9eef4;background-image:linear-gradient(180deg,#1e16308c,#2b1a1873);border:1px solid rgb(109,9,172);border-radius:14px;backdrop-filter:blur(6px) saturate(110%);-webkit-backdrop-filter:blur(6px) saturate(110%);box-shadow:0 0 0 1px #ffffff0a inset,0 16px 36px #00000057,0 0 22px #2fd1c247}@media only screen and (max-width: 480px){.formContainer{padding:16px 14px;margin:1.25rem auto 2rem;border-radius:12px;gap:.5rem;box-shadow:0 0 0 1px #ffffff0a inset,0 12px 24px #00000052,0 0 16px #2fd1c238}}.hp{display:none!important}.label{font-size:1.05rem;font-weight:800;color:#f39810de;margin:6px 0 6px 2px;text-shadow:0 1px 0 rgba(0,0,0,.7)}@media only screen and (max-width: 480px){.label{font-size:1rem;margin:4px 0 4px 1px}}.textField,.messageField{width:100%;display:block;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#e9eef4;outline:none;padding:12px;font-size:1rem;line-height:1.4;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease,transform .12s ease}.textField:focus,.messageField:focus{border-color:#2fd1c2;background:#fff0;box-shadow:0 0 0 4px #2fd1c229}@media (hover: hover) and (pointer: fine){.textField:hover,.messageField:hover{transform:translateY(-1px)}}.textField[aria-invalid=true],.messageField[aria-invalid=true]{border-color:#ff6b6b;box-shadow:0 0 0 4px #ff6b6b26}@media only screen and (max-width: 480px){.textField,.messageField{padding:12px 10px;font-size:1rem}}.textField{margin:0 0 12px}.messageField{margin:0;min-height:9.25rem;resize:vertical}@media only screen and (max-width: 480px){.messageField{min-height:7.25rem}}.submitButton{align-self:center;margin-top:18px;display:inline-flex;justify-content:center;align-items:center;min-width:9rem;padding:12px 18px;border:0;border-radius:12px;cursor:pointer;background:linear-gradient(180deg,#06010a,#4f0d79);color:#fff;font-weight:800;font-size:1.02rem;letter-spacing:.2px;box-shadow:0 6px 18px #2fd1c238,0 0 0 1px #ffffff0f inset;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease,background .15s ease}.submitButton:hover{transform:translateY(-1px);box-shadow:0 10px 26px #2fd1c247}.submitButton:active{transform:translateY(0)}.submitButton:disabled{opacity:.65;cursor:wait}@media only screen and (max-width: 480px){.submitButton{width:48%;padding:12px;font-size:1rem}}.submitButton.submitButton--outline{background:transparent;color:#2fd1c2;border:1px solid #2fd1c2;box-shadow:none}.submitButton.submitButton--outline:hover{background:#2fd1c214;box-shadow:0 6px 18px #2fd1c22e}.submitButton.submitButton--outline:active{background:#2fd1c21f}.statusNote{min-height:1.2rem;color:#ffffffd9;text-align:center}@media only screen and (max-width: 480px){.statusNote{margin-top:8px}}.cardContainer{max-width:1280px;margin:2rem auto 3rem;padding:0 24px}@media only screen and (max-width: 480px){.cardContainer{padding:0 16px}}.groupTitle{color:#2fd1c2;font-size:1.8rem;font-weight:700;margin:.75rem 0;padding-bottom:.4rem;border-bottom:1px solid rgba(255,255,255,.08)}.row{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;align-items:flex-start}@media only screen and (max-width: 480px){.row{justify-content:center}}.card{flex:0 1 404px;width:100%;max-width:404px;display:flex;flex-direction:column;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0f1426,#0d1222);box-shadow:0 10px 28px #00000059,0 0 18px #00dbf82e;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;min-height:24rem}.card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #00000073,0 0 0 1px #2fd1c247 inset,0 0 22px #00dbf83d}.card .cardTitle{margin:12px 16px 8px;color:#ffbf47;font-size:1.3rem;font-weight:800;text-align:center}.card .imageWrapper{position:relative;width:100%;aspect-ratio:16/9;background:#0a0f1f;overflow:hidden}.card .imageWrapper .cardImg{width:100%;height:100%;object-fit:cover;display:block}.card .imageWrapper.isPlaceholder .cardImg{opacity:0;pointer-events:none}.card .imageWrapper .comingSoonOverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#2fd1c2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;font-size:1.05rem}.card .techList{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;list-style:none;padding:0;margin:1rem auto}.card .techList .pill{font-size:.85rem;padding:6px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#e9eef4;white-space:nowrap}.card .linksRow{display:flex;justify-content:center;align-items:center;gap:12px;margin:auto 16px 16px}.card .linksRow .btnLink{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#e9eef4;text-decoration:none;font-weight:600;transition:background .15s ease,transform .15s ease}.card .linksRow .btnLink:hover{background:#ffffff0f;transform:translateY(-1px)}.card .linksRow .btnLink.isDisabled{opacity:.4;pointer-events:none}.card .linksRow .btnLink i{font-size:1.1rem}@media only screen and (max-width: 480px){.card{flex:1 1 100%;max-width:none;min-height:22rem;align-self:center}}.modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.modalContent{background:#121212;padding:2rem;border-radius:1rem;color:#fff;width:90%;max-width:500px;box-shadow:0 0 30px #00ffff4d;text-align:center}.modalContent h2{font-size:1.6rem;margin-bottom:1rem}.modalContent ul{list-style-type:none;padding:0}.modalContent ul li a{color:#00b4d8;text-decoration:none}.modalContent ul li a:hover{text-decoration:underline}.modalContent .closeButton{margin-top:1.5rem;background-color:#f3a416;color:#000;font-weight:700;padding:.6rem 1.2rem;border:none;border-radius:.5rem;cursor:pointer}.sectionTitle{margin:1rem 0 0 10rem;font-size:2.5rem;color:#2fd1c2}.skillsContainer{width:95%;margin:2rem auto 4rem;color:#e9eef4}.skillsSection{text-align:center;margin-bottom:3rem}.skillsSection .skillsTitle{font-size:2.1rem;font-weight:700;color:#ffb6c1;margin-bottom:1.25rem;position:relative;text-shadow:0 0 10px rgba(0,0,0,.5)}.skillsSection .skillsTitle:after{content:"";display:block;width:50%;height:2px;margin:.8rem auto 0;background:linear-gradient(to right,rgba(47,209,194,.35),transparent)}@media only screen and (max-width: 768px){.skillsSection .skillsTitle{font-size:1.8rem}}.skillsSubsection{margin:2rem auto 3rem}.skillsSubsection .subsectionTitle{font-size:1.25rem;font-weight:600;text-align:center;margin:0 0 1rem;letter-spacing:.3px}.skillsSubsection .subsectionTitle.fluent{color:#38c172}.skillsSubsection .subsectionTitle.learning{color:#f9c74f}.skillsSubsection .subsectionTitle.refreshing{color:#00b4d8}.skillsSubsection .subsectionTitle:after{content:"";display:block;width:40%;height:1px;margin:.5rem auto 0;background:linear-gradient(to right,currentColor,transparent)}.toolsTitle{text-align:center;margin:3rem auto 1.5rem;color:#ffb6c1;font-size:1.6rem;font-weight:700;letter-spacing:.3px}.toolsTitle .toolsHeader{display:inline-flex;align-items:center;gap:.4rem}@media only screen and (max-width: 480px){.toolsTitle{font-size:1.4rem}}.skillsGrid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.75rem;padding-inline:1rem}@media only screen and (max-width: 768px){.skillsGrid{gap:1.25rem}}@media only screen and (max-width: 480px){.skillsGrid{gap:1rem}}.skillWrapper{display:flex;flex-direction:column;align-items:center;width:9rem;min-height:9rem}.skillCard{width:9rem;height:9rem;background:linear-gradient(180deg,#ffffff0f,#00000040);border-radius:1rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 12px #0006 inset;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all .25s ease;cursor:pointer}.skillCard:hover{transform:translateY(-3px);box-shadow:0 0 6px #2fd1c24d,0 0 0 2px #2fd1c259}.skillCard .icon{font-size:2.3rem;margin-bottom:.4rem;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.5));transition:transform .2s ease}.skillCard .icon:hover{transform:scale(1.08)}.skillCard .label{font-size:1rem;color:#e9eef4;text-shadow:0 0 3px rgba(0,0,0,.6)}.skillCard .toggleArrow{position:absolute;bottom:.4rem;color:#9beeff;font-size:1rem;transition:transform .2s ease}.skillCard .toggleArrow:hover{transform:scale(1.2)}@media only screen and (max-width: 480px){.skillCard{width:8rem;height:8rem}}.nestedSkillsGrid{display:flex;justify-content:center;gap:3rem;margin-top:1rem}.nestedSkillsGrid.hidden{display:none}.nestedSkillsGrid.visible{display:flex}@media only screen and (max-width: 768px){.nestedSkillsGrid{gap:1.5rem}}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000}.modalContent{background:#0c1018e6;border:1px solid rgba(47,209,194,.4);border-radius:16px;padding:2rem;width:min(90%,500px);box-shadow:0 0 16px #00000080;text-align:left}.modalContent h2{margin-bottom:1rem;color:#ffb6c1;text-align:center}.modalContent ul{list-style:none;padding:0}.modalContent ul li{margin:.5rem 0}.modalContent ul li a{color:#e9eef4;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.modalContent ul li a:hover{border-color:#ffb6c1}.modalContent .closeButton{margin-top:1.5rem;display:block;margin-inline:auto;background:#ffb6c1;border:none;border-radius:8px;padding:.5rem 1.25rem;font-weight:600;cursor:pointer;transition:background .2s ease}.modalContent .closeButton:hover{background:#ff5f77}