@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg-main:#04070d;--bg-card:#111725;--bg-card-soft:#1a2235;--text-main:#edf2ff;--text-muted:#a5b5d6;--brand:#2dd4bf;--brand-2:#f97316;--stroke:#ffffff24;--shadow:0 20px 48px #0006;--font-title:"Sora", sans-serif;--font-body:"Space Grotesk", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--text-main);background:#f4f8ff;margin:0}#root{min-height:100vh}.page{width:100%;margin:0;padding:0}.page--home{background:#f4f8ff}.section-inner{width:min(1150px,92vw);margin:0 auto}.home-intro{color:#e8efff;background:radial-gradient(circle at 8% 12%,#40bbff47,#0000 28%),radial-gradient(circle at 84% 8%,#83c7ff38,#0000 26%),linear-gradient(160deg,#08152f 0%,#0c2c63 56%,#12478f 100%);padding:2.1rem 0 5.4rem}.home-content{background:#f4f8ff;position:relative;overflow:hidden}.home-content:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 20% 30%,#2dd4bf14,#0000 30%),radial-gradient(circle at 80% 70%,#0d6efd14,#0000 28%),radial-gradient(circle at 40% 80%,#f973160f,#0000 25%);width:100%;height:100%;animation:15s ease-in-out infinite float-bg;position:fixed;top:0;left:0}.home-content>*{z-index:1;position:relative}@keyframes float-bg{0%,to{opacity:1;background-position:0 0}50%{opacity:.95;background-position:50%}}.hero{margin-bottom:0;animation:.8s fade-slide-in}.hero--split{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:1rem;display:grid}.hero-panel{background:#ffffff14;border:1px solid #e7f2ff40;border-radius:1rem;padding:1rem;box-shadow:0 18px 38px #030a1859}.hero-panel__title{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;color:#8ff8ea;margin-bottom:.65rem;font-size:.8rem}.hero-panel ul{color:#d0dffe;margin:0;padding-left:1.1rem;line-height:1.7}.language-switch{gap:.45rem;margin-bottom:.85rem;display:flex}.language-switch .btn{padding:.45rem .75rem;font-size:.8rem}.theme-toggle{justify-content:center;align-items:center;width:38px;height:34px;padding:0;display:inline-flex}.theme-toggle svg{width:18px;height:18px}.language-switch .is-active{color:#d6edff;border-color:#96d8ffe6}.hero__badge{color:#8ff8ea;letter-spacing:.06em;text-transform:uppercase;background:#2dd4bf26;border:1px solid #2dd4bf80;border-radius:999px;padding:.35rem .85rem;font-size:.74rem;font-weight:700;display:inline-flex}h1,h2,h3{font-family:var(--font-title);margin:0}h1{margin-top:1rem;font-size:clamp(2rem,4.8vw,4.2rem);line-height:1.08}.welcome-title{color:#0000;-webkit-text-stroke:1.7px #d6e9ff;text-stroke:1.7px #d6e9ff;display:inline-block;position:relative}.welcome-title:before{content:attr(data-text);color:#fff;-webkit-text-stroke:0;text-stroke:0;clip-path:inset(0 100% 0 0);pointer-events:none;animation:10s ease-in-out infinite welcome-fill-sweep;position:absolute;inset:0}h2{font-size:clamp(1.45rem,3vw,2rem)}h3{font-size:1.4rem}p{margin:0}.hero__lead{color:#d0dffe;max-width:700px;margin-top:1rem;font-size:1.06rem;line-height:1.65}.curve-transition{background:#12478f;height:120px;position:relative;overflow:hidden}.curve-transition:after{content:"";background:#f4f8ff;border-radius:50%;height:190px;position:absolute;bottom:-96px;left:-6%;right:-6%}.section-inner--content{z-index:1;padding:0 0 4.2rem;position:relative}.tech-stack{background:linear-gradient(#fff 0%,#f7fbff 100%);border:1px solid #0f347a0f;border-radius:1rem;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-bottom:2.2rem;padding:1.6rem;display:grid;box-shadow:0 14px 40px #0c2c5c0f}.section-blue-divider{height:28px;margin:1.5rem 0 1.7rem;position:relative}.section-blue-divider span{background:radial-gradient(circle at 15%,#62bcff73,#0000 22%),linear-gradient(90deg,#0c3f86 0%,#1360bf 52%,#1f78dd 100%);border-radius:999px;width:calc(100% + 120px);height:100%;margin-left:-60px;display:block;box-shadow:0 12px 20px #1043883d,inset 0 1px #ffffff59}.tech-stack>h2{color:#11457f;grid-column:1/-1;margin:0 0 .6rem;padding:0 .4rem;font-size:1.25rem}.tech-stack__group+.tech-stack__group{margin-top:1rem}.tech-stack__group{background:linear-gradient(#fffffff0,#f6faffe6);border:1px solid #0f347a0f;border-radius:.8rem;flex-direction:column;gap:.6rem;padding:1rem 1.2rem;display:flex;position:relative;box-shadow:0 10px 28px #0c2c5c0b}.tech-stack__group:not(:nth-child(3n)):after{content:"";background:linear-gradient(#0f347a0f,#0f347a05);width:1px;position:absolute;top:14px;bottom:14px;right:6px}.tech-stack__group>h3{color:#15467f;letter-spacing:.01em;margin:0;font-size:.98rem}.tech-stack__badges{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:center;gap:.6rem;display:grid}.tech-stack__badges img{width:auto;height:34px;margin:0 auto;display:block}.work-experiences{margin-top:1.4rem;padding:1.1rem .6rem}.work-experiences>h2{color:#11457f;margin:0 0 .6rem}.work-experiences__list{grid-template-columns:1fr;gap:1rem;display:grid}.work-experience-card{border:1px solid #1446820f;border-left:6px solid var(--brand);background:linear-gradient(#fff,#fbfdff);border-radius:.9rem;padding:1.2rem 1.6rem;position:relative;overflow:hidden;box-shadow:0 14px 30px #061c420b}.work-experience-card h3{letter-spacing:.01em;margin:0 0 .8rem;font-size:1.08rem}.work-experience__subtitle{color:#1d5fa5;margin:0 0 .45rem;font-size:.92rem;font-weight:600}.work-experience__period{color:#0f4e8f;letter-spacing:.02em;background:linear-gradient(90deg,#1162c21a,#2dd4bf1f);border:1px solid #1162c238;border-radius:999px;align-items:center;margin:0 0 .75rem;padding:.3rem .7rem;font-size:.82rem;font-weight:700;display:inline-flex}.work-experience__desc{color:#324f72;text-wrap:balance;max-width:70ch;margin:0;line-height:1.65}.work-experience-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#2dd4bf0f,#0000 40%);width:220px;height:220px;position:absolute;top:-40px;right:-80px;transform:rotate(18deg)}.tech-badge{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:3px;text-decoration:none;transition:transform .28s cubic-bezier(.2,.9,.25,1),box-shadow .28s,background .28s;display:inline-flex}.tech-badge img{width:auto;height:28px;display:block}.tech-badge:hover,.tech-badge:focus-visible{background:linear-gradient(90deg,#0b6efd0f,#2dd4bf08);transform:translateY(-6px)scale(1.06);box-shadow:0 18px 36px #0b6efd1f}@media (width<=980px){.tech-stack{grid-template-columns:1fr}.tech-stack__group:not(:nth-child(3n)):after{display:none}}@media (width<=640px){.tech-stack__badges{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.section-header{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;display:flex}.section-header p{color:#4a6488;max-width:540px}.section-divider{align-items:center;gap:.8rem;margin:.8rem 0 1rem;display:flex}.section-divider span{font-family:var(--font-title);color:#1f4f97;letter-spacing:.06em;font-size:.85rem}.section-divider div{background:linear-gradient(90deg,#2866badb,#2866ba00);flex:1;height:1px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.project-card{cursor:pointer;background:#fff;border:1px solid #d4e2f7;border-radius:1rem;flex-direction:column;transition:transform .24s,border-color .24s,box-shadow .24s;animation:.8s fade-slide-in;display:flex;overflow:hidden;box-shadow:0 10px 24px #08225014}.project-card:hover,.project-card:focus-visible{border-color:#1f4f978c;transform:translateY(-7px)}.project-card__media{position:relative}.project-card__media:after{content:"";background:linear-gradient(#fff0 0%,#fff 100%);height:68%;position:absolute;bottom:0;left:0;right:0}.project-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.project-card__image{object-fit:cover;object-position:center;filter:saturate(.92)brightness(1.04);width:100%;height:185px}.project-card__content{flex-direction:column;gap:1rem;padding:1rem;display:flex}.project-card__year{color:#8ff8ea;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.35rem;font-size:.8rem}.project-card__subtitle{color:#4a6488;margin-top:.6rem;line-height:1.45}.project-card__tags{flex-wrap:wrap;gap:.45rem;display:flex}.project-card__tag{cursor:pointer;background:#f6f9ff;border:1px solid #d4e2f7;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;padding:.35rem;text-decoration:none;transition:all .3s;display:inline-flex;overflow:hidden}.project-card__tag:hover,.project-card__tag:focus-visible{background:#e8f1ff;border-color:#0b6efd;transform:translateY(-4px)scale(1.15);box-shadow:0 8px 16px #0b6efd40}.project-card__tag img{object-fit:contain;width:18px;height:18px;display:block}.project-card__actions{gap:.65rem;margin-top:auto;display:flex}.btn{font-family:var(--font-body);cursor:pointer;border:none;border-radius:.75rem;padding:.64rem .95rem;font-weight:700;text-decoration:none;transition:transform .2s,opacity .2s}.btn:hover{transform:translateY(-2px)}.btn--solid{background:linear-gradient(130deg, var(--brand), #22d3ee);color:#00181b}.btn--alt{color:#f3f8ff;background:linear-gradient(130deg,#1d5cb7,#4fa1ff)}.btn--ghost{color:var(--text-main);background:#ffffff26;border:1px solid #ffffff4d}.home-content .btn--ghost{color:#113866;background:#edf4ff;border:1px solid #c8dbf5}.footer-curve{background:#f4f8ff;height:110px;position:relative;overflow:hidden}.footer-curve:after{content:"";background:#0c2c63;border-radius:50%;height:170px;position:absolute;bottom:-86px;left:-8%;right:-8%}.site-footer{color:#e8efff;background:radial-gradient(circle at 88% 15%,#8cc8ff38,#0000 28%),linear-gradient(160deg,#08152f 0%,#0c2c63 56%,#12478f 100%);padding:2.4rem 0 2.8rem}.site-footer__inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-footer h2{color:#fff;margin-bottom:.4rem;font-size:clamp(1.3rem,2.4vw,2rem)}.site-footer p{color:#d0dffe}.site-footer__links{gap:.65rem;display:flex}.social-link{background:#ffffff1f;border:1px solid #d6ecff66;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s,border-color .2s;display:inline-flex}.social-link:hover{border-color:#d6ecffcc;transform:translateY(-2px)}.social-link svg{fill:#fff;width:24px;height:24px}.home-content h2,.home-content h3,.home-content p,.home-content .project-card,.home-content .project-card h3{color:#10233f}.page--details{background:#f4f8ff}.details-back--top{z-index:50;position:fixed;top:12px;left:12px}.details-intro{color:#e8efff;background:radial-gradient(circle at 10% 14%,#40bbff42,#0000 30%),radial-gradient(circle at 84% 8%,#83c7ff33,#0000 28%),linear-gradient(160deg,#08152f 0%,#0c2c63 56%,#12478f 100%);padding:5.2rem 0 5rem}.details-hero{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:1rem;margin-top:1rem;display:grid}.details-hero__copy .hero__lead{max-width:100%}.btn--hero-cta{border-radius:.9rem;margin-top:1.7rem;padding:.85rem 1.35rem;font-size:1.02rem;display:inline-flex;box-shadow:0 12px 24px #0e3e8259}.details-hero__media{background:#ffffff14;border:1px solid #e7f2ff40;border-radius:1rem;overflow:hidden;box-shadow:0 18px 38px #030a1859}.details-curve{background:#12478f;height:120px;position:relative;overflow:hidden}.details-curve:after{content:"";background:#f4f8ff;border-radius:50%;height:190px;position:absolute;bottom:-96px;left:-6%;right:-6%}.details-content{background:#f4f8ff}.details-back{align-self:start}.details-card{background:#fff;border:1px solid #d8e5f7;border-radius:1rem;overflow:hidden;box-shadow:0 14px 30px #08225014}.details-card__image{object-fit:cover;transform-origin:50%;width:100%;height:260px;transition:transform .45s;transform:scale(.92)}.details-card__content{flex-direction:column;gap:1rem;padding:1.2rem;display:flex}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.details-grid section{background:#f8fbff;border:1px solid #d8e5f7;border-radius:1rem;padding:1rem}.details-grid h2{color:#10233f}.details-grid p{color:#4a6488;margin-top:.4rem;line-height:1.5}.details-actions{flex-wrap:wrap;gap:.65rem;display:flex}.project-highlights{background:#f8fbff;border:1px solid #d8e5f7;border-radius:1rem;padding:1rem}.project-highlights h2{color:#10233f;margin-bottom:.75rem}.project-highlights__grid{grid-template-columns:1fr;gap:1rem;display:grid}.project-highlights__item{background:#fff;border:1px solid #d8e5f7;border-radius:.85rem;overflow:hidden}.project-highlights__image{object-fit:cover;border-bottom:1px solid #d8e5f7;width:100%;height:clamp(240px,42vw,460px)}.project-highlights__item p{color:#4a6488;padding:1rem;font-size:1.02rem;line-height:1.5}.details-empty{background:#fff;border:1px solid #d8e5f7;border-radius:1rem;flex-direction:column;gap:.9rem;max-width:500px;margin:12vh auto;padding:1.2rem;display:flex}body.theme-dark{color:#dbe8ff;background:#0b1220}body.theme-dark .page--home,body.theme-dark .page--details,body.theme-dark .home-content,body.theme-dark .details-content,body.theme-dark .footer-curve,body.theme-dark .details-curve:after,body.theme-dark .curve-transition:after{background:#0b1220}body.theme-dark .home-content:before{background:radial-gradient(circle at 20% 30%,#2dd4bf1c,#0000 30%),radial-gradient(circle at 80% 70%,#3882f61c,#0000 28%),radial-gradient(circle at 40% 80%,#0ea5e91a,#0000 25%)}body.theme-dark .project-card,body.theme-dark .tech-stack,body.theme-dark .details-card,body.theme-dark .details-grid section,body.theme-dark .project-highlights,body.theme-dark .project-highlights__item,body.theme-dark .details-empty,body.theme-dark .work-experience-card,body.theme-dark .tech-stack__group{background:#121a2c;border-color:#7ea6ee33;box-shadow:0 14px 30px #00000057}body.theme-dark .project-card__media:after{background:linear-gradient(#121a2c00 0%,#121a2c 100%)}body.theme-dark .project-card__tag,body.theme-dark .work-experience__period{color:#c7dcff;background:#19243d;border-color:#7ea6ee4d}body.theme-dark .home-content h2,body.theme-dark .home-content h3,body.theme-dark .home-content p,body.theme-dark .home-content .project-card,body.theme-dark .home-content .project-card h3,body.theme-dark .details-grid h2,body.theme-dark .project-highlights h2,body.theme-dark .details-empty h1,body.theme-dark .details-empty p,body.theme-dark .work-experience__subtitle,body.theme-dark .section-header p,body.theme-dark .project-card__subtitle,body.theme-dark .details-grid p,body.theme-dark .project-highlights__item p,body.theme-dark .work-experience__desc{color:#d5e5ff}body.theme-dark .tech-stack>h2,body.theme-dark .tech-stack__group>h3,body.theme-dark .work-experience-card h3{color:#e8f1ff}body.theme-dark .home-content .btn--ghost,body.theme-dark .btn--ghost{color:#d9e8ff;background:#16233d;border-color:#7ea6ee59}body.theme-dark .language-switch .is-active{color:#f2f8ff;border-color:#8dd6fff2}body.theme-dark .section-blue-divider span{background:radial-gradient(circle at 15%,#62bcff73,#0000 22%),linear-gradient(90deg,#0d336d 0%,#1450a0 52%,#1b67c2 100%)}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes welcome-fill-sweep{0%{clip-path:inset(0 100% 0 0)}45%{clip-path:inset(0)}60%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}@media (width<=1024px){.hero--split{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-intro{padding-bottom:4rem}.section-header{flex-direction:column;align-items:start}.details-hero{grid-template-columns:1fr}}@media (width<=700px){.page{width:100%;padding:0}.tech-stack{padding:.9rem}.curve-transition{height:95px}.curve-transition:after{height:155px;bottom:-80px}.details-curve{height:95px}.details-curve:after{height:155px;bottom:-80px}.details-back--top{padding:.52rem .78rem;top:10px;left:10px}.footer-curve{height:90px}.footer-curve:after{height:140px;bottom:-72px}.site-footer__inner{flex-direction:column;align-items:flex-start}.section-blue-divider span{width:calc(100% + 40px);margin-left:-20px}.project-grid,.details-grid{grid-template-columns:1fr}.project-highlights__image{height:clamp(220px,58vw,330px)}.project-card__actions{flex-direction:column}}