@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#1f6fe5);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem;text-align:center}.section-subtitle{color:#a0a0a0;font-size:1.2rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#1f6fe5);color:#fff}.btn-primary:hover{box-shadow:0 10px 25px rgba(102,126,234,.3);transform:translateY(-2px)}.btn-secondary{background:transparent;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.loading{color:#a0a0a0}.error,.loading{font-size:1.2rem;padding:4rem 0;text-align:center}.error{color:#ff6b6b}@media (max-width:768px){.container{padding:0 1rem}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}}.navbar{--header-bg:rgba(14,17,24,.85);--header-border:hsla(0,0%,100%,.12);--header-pill-bg:rgba(20,26,38,.9);--header-pill-border:hsla(0,0%,100%,.14);--header-text:#f3f5ff;--header-muted:#b4bed8;--header-accent:#72a1ff;--header-active-bg:rgba(114,161,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--header-bg);border-bottom:1px solid var(--header-border);padding:.65rem 0;position:fixed;top:0;width:100%;z-index:1000}.navbar.light{--header-bg:rgba(243,247,255,.88);--header-border:rgba(50,70,95,.2);--header-pill-bg:hsla(0,0%,100%,.95);--header-pill-border:rgba(50,70,95,.15);--header-text:#18263f;--header-muted:#3b5377;--header-accent:#245bd4;--header-active-bg:rgba(36,91,212,.14)}.nav-container{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;margin:0 auto;max-width:1240px;min-height:54px;padding:0 1rem;position:relative}.nav-meta{color:var(--header-muted);font-size:.83rem;letter-spacing:.03em}.nav-location{justify-self:start}.nav-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;justify-self:end}.nav-center-wrap{justify-self:center}.nav-menu{align-items:center;background:var(--header-pill-bg);border:1px solid var(--header-pill-border);border-radius:999px;box-shadow:0 10px 28px rgba(0,0,0,.22);display:flex;gap:.3rem;padding:.3rem}.nav-link,.theme-toggle{background:transparent;border:none;border-radius:999px;color:var(--header-text);cursor:pointer;font-size:.83rem;font-weight:600;letter-spacing:.01em;outline:none;padding:.48rem .82rem;text-decoration:none;transition:background-color .2s ease,color .2s ease}.nav-link:hover,.theme-toggle:hover{background:hsla(0,0%,100%,.08)}.navbar.light .nav-link:hover,.navbar.light .theme-toggle:hover{background:rgba(34,58,96,.08)}.nav-link.active{background:var(--header-active-bg);color:var(--header-accent)}.theme-toggle{border-left:1px solid var(--header-pill-border);border-radius:0;color:var(--header-muted);margin-left:.2rem;padding-left:.95rem}.nav-toggle{background:transparent;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:.4rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.bar{background:var(--header-text);border-radius:2px;height:2px;transition:transform .2s ease,opacity .2s ease;width:22px}@media (max-width:900px){.nav-container{grid-template-columns:1fr auto}.nav-location,.nav-time{display:none}.nav-center-wrap{justify-self:start}.nav-toggle{display:flex}.nav-menu{align-items:stretch;border-radius:16px;flex-direction:column;left:1rem;opacity:0;padding:.75rem;pointer-events:none;position:fixed;right:1rem;top:70px;transform:translateY(-16px);transition:opacity .25s ease,transform .25s ease}.nav-menu.active{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link,.theme-toggle{border-radius:10px;text-align:center;width:100%}.theme-toggle{border-left:none;margin-left:0;padding-left:.82rem}.nav-toggle.active .bar:first-child{transform:translateY(6px) rotate(45deg)}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}}.home{--about-bg:#02070f;--about-border:rgba(112,182,255,.18);--about-text-soft:#9fb3cc;--about-cyan:#56d5ff;--about-surface:rgba(3,13,25,.78);--navbar-height:64px}.home.about-home{background:radial-gradient(circle at 50% 18%,rgba(0,124,248,.25),transparent 40%),radial-gradient(circle at 16% 72%,rgba(7,68,120,.3),transparent 42%),radial-gradient(circle at 84% 74%,rgba(1,45,95,.34),transparent 44%),var(--about-bg);color:#eaf2ff;font-family:Space Grotesk,Segoe UI,sans-serif;min-height:100vh;overflow:hidden;position:relative}.home.about-home:before{background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(39,111,214,.1) 0,transparent 50%);content:"";inset:0;pointer-events:none;position:absolute}.about-layout{display:flex;height:calc(100vh - var(--navbar-height));position:relative;z-index:1}.about-toc{animation:fadeSlideInLeft .6s ease both;background:rgba(5,14,28,.72);border-right:1px solid var(--about-border);flex:0 0 320px;height:100%;overflow-y:auto;padding:2rem .75rem 2rem 1.5rem;scrollbar-width:none}.about-toc::-webkit-scrollbar{display:none}.about-toc h3{color:#eaf2ff;font-size:.8rem;letter-spacing:.1em;margin-bottom:1rem;opacity:.6;padding-left:.5rem;text-transform:uppercase}.about-toc ul{list-style:none;margin:0;padding:0}.about-toc li{margin-bottom:.3rem}.about-toc a{align-items:center;border-radius:6px;color:var(--about-text-soft);display:flex;font-size:.9rem;overflow:hidden;padding:.3rem .5rem .3rem .75rem;position:relative;text-decoration:none;transition:color .22s ease,background .22s ease,padding-left .22s ease}.toc-indicator{background:linear-gradient(180deg,#56d5ff,#5a79ff);border-radius:2px;height:70%;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%) scaleY(0);transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .25s ease;width:3px}.about-toc a.toc-active{background:rgba(86,213,255,.08);color:#c9ecff;padding-left:1.1rem}.about-toc a.toc-active .toc-indicator{opacity:1;transform:translateY(-50%) scaleY(1)}.about-toc a:hover:not(.toc-active){background:rgba(86,213,255,.05);color:#c9ecff;padding-left:1rem}.about-toc a:hover:not(.toc-active) .toc-indicator{opacity:.4;transform:translateY(-50%) scaleY(.5)}.about-toc-sublist{border-left:1px solid rgba(112,182,255,.2);margin-top:.25rem!important;padding-left:.75rem!important}.about-toc-sublist a{font-size:.82rem!important}.about-scroll-pane{flex:1 1;height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-color:rgba(86,213,255,.25) transparent;scrollbar-width:thin}.about-scroll-pane::-webkit-scrollbar{width:5px}.about-scroll-pane::-webkit-scrollbar-track{background:transparent}.about-scroll-pane::-webkit-scrollbar-thumb{background:rgba(86,213,255,.25);border-radius:99px}.about-main{margin:0 auto;max-width:800px;padding:2.5rem 2rem 4rem}.home-content{align-items:center;min-height:80vh}.about-intro{margin-bottom:3rem;min-height:auto}.home-text{animation:slideInLeft 1s ease-out}.home-title{color:#f7fbff;font-size:2.4rem;font-weight:700;line-height:1.2;margin-bottom:.75rem;margin-top:2rem}.home-subtitle{color:#c5daef;font-size:1.4rem;font-weight:400;margin-bottom:1.25rem}.home-description{color:var(--about-text-soft);font-size:1.05rem;line-height:1.8;margin-bottom:2rem;max-width:520px}.about-meta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.4rem}.about-location{color:#d7e8f8;font-size:.95rem}.about-language-tags,.about-skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.about-tag{background:rgba(147,201,255,.12);border:1px solid rgba(131,189,255,.28);border-radius:999px;color:#d6e6fa;display:inline-flex;font-size:.85rem;padding:.3rem .7rem}.home-buttons{margin-bottom:2.5rem}.home-buttons,.social-links{display:flex;gap:1rem}.social-links a{align-items:center;background:rgba(3,12,23,.74);border:1px solid rgba(131,189,255,.25);border-radius:50%;color:#c5daef;display:flex;font-size:1.2rem;height:44px;justify-content:center;transition:all .3s ease;width:44px}.social-links a:hover{background:linear-gradient(120deg,#63d5ff,#5a79ff);box-shadow:0 10px 25px rgba(84,167,255,.28);color:#04162e;transform:translateY(-3px)}.about-intro,.about-section{opacity:0;transform:translateY(28px);transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1)}.about-intro.section-visible,.about-section.section-visible{opacity:1;transform:translateY(0)}.about-section .about-card{opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1)}.about-section.section-visible .about-card{opacity:1;transform:translateY(0)}.about-section.section-visible .about-card:first-child{transition-delay:.05s}.about-section.section-visible .about-card:nth-child(2){transition-delay:.12s}.about-section.section-visible .about-card:nth-child(3){transition-delay:.19s}.about-section{margin-bottom:2.5rem}.about-section-title{color:#eaf2ff;font-size:1.5rem;margin-bottom:1rem}.about-cards{grid-gap:1rem;display:grid;gap:1rem}.about-card{background:var(--about-surface);border:1px solid rgba(120,173,255,.22);border-radius:14px;padding:1rem 1.1rem}.about-card h4{color:#eaf2ff;font-size:1.05rem;margin:0}.about-card p{margin:.65rem 0}.about-card p,.about-card ul{color:#9db3cd;line-height:1.6}.about-card ul{margin:0;padding-left:1.2rem}.about-card-heading{align-items:baseline;display:flex;gap:1rem;justify-content:space-between}.about-card-heading span{color:#9fb3cc;font-size:.85rem;white-space:nowrap}.about-role{color:#90e1ff!important;margin-bottom:.75rem!important;margin-top:.4rem!important}@keyframes fadeSlideInLeft{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.about-layout{flex-direction:column;height:auto;overflow:visible}.about-toc{animation:none;border-bottom:1px solid var(--about-border);border-right:none;padding:1rem 1.25rem;width:100%}.about-scroll-pane,.about-toc{flex:none;height:auto;overflow-y:visible}.about-main{padding:1.5rem 1rem 3rem}.home-title{font-size:2rem}.home-subtitle{font-size:1.15rem}.home-buttons{flex-wrap:wrap}.home-buttons,.social-links{justify-content:center}.about-card-heading{align-items:flex-start;flex-direction:column;gap:.2rem}.about-intro,.about-section{opacity:0;transform:translateY(20px)}}.about{--about-bg:#02070f;--about-border:rgba(112,182,255,.18);--about-text-soft:#9fb3cc;--about-cyan:#56d5ff;--about-surface:rgba(3,13,25,.78);background:radial-gradient(circle at 50% 18%,rgba(0,124,248,.25),transparent 40%),radial-gradient(circle at 16% 72%,rgba(7,68,120,.3),transparent 42%),radial-gradient(circle at 84% 74%,rgba(1,45,95,.34),transparent 44%),var(--about-bg);font-family:Space Grotesk,Segoe UI,sans-serif;overflow:hidden;padding:3.75rem 0 5.5rem;position:relative}.about .container{position:relative;z-index:2}.about-glow{border-radius:999px;filter:blur(68px);opacity:.5;pointer-events:none;position:absolute}.about-glow-left{background:rgba(44,123,255,.45);height:300px;left:-120px;top:120px;width:300px}.about-glow-right{background:rgba(0,205,255,.2);height:340px;right:-110px;top:60px;width:340px}.about-hero{margin:0 auto;max-width:980px;text-align:center}.about-pill-group{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(5,14,28,.72);border:1px solid var(--about-border);border-radius:999px;display:inline-flex;margin-bottom:2rem;padding:.3rem}.about-pill{border-radius:999px;color:#83dcff;font-size:.95rem;font-weight:500;padding:.52rem 1rem}.about-pill-strong{background:rgba(147,201,255,.12);color:#eaf4ff}.about-title{text-wrap:balance;animation:aboutRise .7s ease both;color:#f7fbff;font-size:clamp(1.75rem,5vw,3.5rem);letter-spacing:-.03em;line-height:1.03;margin:0 auto;max-width:860px}.about-lead{color:var(--about-text-soft);font-size:clamp(.9rem,1.9vw,1.4rem);line-height:1.48;margin:1.8rem auto 2.1rem;max-width:800px}.about-profile{align-items:center;background:rgba(3,12,23,.74);border:1px solid rgba(131,189,255,.25);border-radius:999px;color:#e9f3ff;display:inline-flex;font-size:1.02rem;font-weight:500;gap:.7rem;padding:.38rem 1.1rem .38rem .42rem;text-decoration:none;transition:transform .22s ease,border-color .22s ease}.about-profile:hover{border-color:rgba(132,225,255,.65);transform:translateY(-2px)}.about-avatar{background:linear-gradient(135deg,#f97dbf,#e850ae);border-radius:50%;color:#031024;display:grid;font-size:.84rem;font-weight:700;height:2.3rem;place-items:center;width:2.3rem}.about-actions{display:flex;gap:.7rem;margin-top:1.15rem}.about-action-primary,.about-action-secondary{border-radius:999px;font-size:.92rem;font-weight:600;padding:.55rem 1rem;text-decoration:none;transition:transform .18s ease,border-color .18s ease}.about-action-primary{background:linear-gradient(120deg,#63d5ff,#5a79ff);color:#04162e}.about-action-secondary{background:rgba(8,19,35,.65);border:1px solid rgba(130,199,255,.4);color:#d6e6fa}.about-action-primary:hover,.about-action-secondary:hover{transform:translateY(-2px)}.about-feature-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:5rem}.about-feature-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--about-surface);border:1px solid rgba(120,173,255,.22);border-radius:1rem;padding:1.2rem;text-align:left}.about-feature-card h3{color:#eaf2ff;font-size:1.08rem;margin:0}.about-feature-card p{color:#9db3cd;font-size:.94rem;line-height:1.5;margin:.65rem 0 .85rem}.about-feature-card a{color:#90e1ff;font-size:.92rem;font-weight:600;text-decoration:none}.about-feature-card.work{background:radial-gradient(circle at 80% 0,rgba(91,152,255,.16),transparent 32%),var(--about-surface)}.about-feature-card.blog{background:radial-gradient(circle at 10% 100%,rgba(88,220,255,.14),transparent 38%),var(--about-surface)}.about-feature-card.gallery{background:radial-gradient(circle at 50% 0,rgba(72,130,255,.17),transparent 30%),var(--about-surface)}@keyframes aboutRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.about{padding:2.4rem 0 4rem}.about-title{font-size:clamp(2rem,12vw,2.8rem)}.about-lead{font-size:1.05rem;margin-top:1.2rem}.about-profile{font-size:.92rem}.about-actions{flex-wrap:wrap}.about-feature-grid{grid-template-columns:1fr;margin-top:1.3rem}}.projects{--projects-bg:#02070f;--projects-border:rgba(112,182,255,.18);--projects-soft:#9fb3cc;--projects-surface:rgba(3,13,25,.78);--projects-cyan:#56d5ff;background:radial-gradient(circle at 50% 18%,rgba(0,124,248,.25),transparent 40%),radial-gradient(circle at 16% 72%,rgba(7,68,120,.3),transparent 42%),radial-gradient(circle at 84% 74%,rgba(1,45,95,.34),transparent 44%),var(--projects-bg);font-family:Space Grotesk,Segoe UI,sans-serif;overflow:hidden;padding:3.25rem 0 4.25rem;position:relative}.projects:before{background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(39,111,214,.1) 0,transparent 50%);content:"";inset:0;pointer-events:none;position:absolute}.projects .container{position:relative;z-index:2}.projects-header{margin-bottom:2.2rem;text-align:center}.projects .section-title{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#7ce5ff,#8ca5ff);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.02em}.projects .section-subtitle{color:var(--projects-soft);margin-bottom:0;max-width:560px}.projects-filter{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem}.projects-filter button{background:rgba(5,14,28,.72);border:1px solid var(--projects-border);border-radius:999px;color:#c1d4ea;cursor:pointer;font-family:inherit;font-weight:600;padding:.58rem 1.2rem;transition:all .3s ease}.projects-filter button.active,.projects-filter button:hover{background:linear-gradient(120deg,#63d5ff,#5a79ff);border-color:transparent;box-shadow:0 10px 24px rgba(84,167,255,.26);color:#04162e;transform:translateY(-2px)}.projects-showcase{position:relative}.projects-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.projects-nav-btn{align-items:center;background:rgba(5,14,28,.72);border:1px solid var(--projects-border);border-radius:999px;color:#d7e8f8;cursor:pointer;display:inline-flex;font-size:1.5rem;height:46px;justify-content:center;line-height:1;transition:all .25s ease;width:46px}.projects-nav-btn:hover:not(:disabled){background:linear-gradient(120deg,#63d5ff,#5a79ff);border-color:transparent;color:#04162e;transform:translateY(-2px)}.projects-nav-btn:disabled{cursor:not-allowed;opacity:.35}.projects-carousel{grid-gap:1rem;display:grid;gap:1rem;grid-auto-columns:minmax(290px,32vw);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:.8rem;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.projects-carousel::-webkit-scrollbar{display:none}.project-card{background:#0b1628;border:1px solid rgba(179,220,255,.14);border-radius:26px;min-height:520px;overflow:hidden;position:relative;scroll-snap-align:start;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 20px 45px rgba(2,7,15,.5);transform:translateY(-4px)}.project-card img{height:100%;inset:0;object-fit:cover;position:absolute;transition:transform .5s ease;width:100%}.project-overlay-content{background:linear-gradient(0deg,rgba(3,10,18,.95) 8%,rgba(3,10,18,.45) 48%,rgba(3,10,18,.1) 74%);display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:1.3rem;position:absolute}.project-links{display:flex;gap:.45rem}.project-link{align-items:center;background:rgba(233,245,255,.2);border:1px solid rgba(233,245,255,.4);border-radius:50%;color:#eaf4ff;display:flex;font-size:.95rem;height:38px;justify-content:center;text-decoration:none;transition:all .3s ease;width:38px}.project-link:hover{background:linear-gradient(120deg,#63d5ff,#5a79ff);border-color:transparent;color:#04162e;transform:scale(1.1)}.project-title{color:#f3f8ff;font-size:clamp(1.2rem,1.8vw,1.95rem);font-weight:700;letter-spacing:-.02em;margin-bottom:.45rem;text-shadow:0 3px 20px rgba(0,0,0,.45)}.project-description{line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#d7e5f5;display:-webkit-box;font-size:.94rem;line-height:1.45;margin-bottom:.95rem;overflow:hidden}.project-footer{align-items:flex-end;display:flex;gap:.6rem;justify-content:space-between}.project-technologies{display:flex;flex-wrap:wrap;gap:.45rem}.tech-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(238,245,255,.16);border:1px solid rgba(220,238,255,.34);border-radius:999px;color:#eaf4ff;font-size:.73rem;font-weight:500;padding:.28rem .72rem}.no-projects{color:var(--projects-soft);font-size:1.1rem;padding:4rem 0;text-align:center}.projects .loading{color:#d7e8f8}.projects .error{color:#ffd7df}@media (max-width:768px){.projects{padding:2.6rem 0 3.3rem}.projects-filter{gap:.5rem;margin-bottom:1.5rem}.projects-filter button{font-size:.9rem;padding:.5rem 1rem}.projects-nav{margin-bottom:.75rem}.projects-nav-btn{font-size:1.3rem;height:40px;width:40px}.projects-carousel{gap:.7rem;grid-auto-columns:84%}.project-card{border-radius:22px;min-height:470px}.project-overlay-content{padding:1rem}.project-description{line-clamp:4;-webkit-line-clamp:4}}.skills{--skills-bg:#02070f;--skills-border:rgba(112,182,255,.18);--skills-soft:#9fb3cc;--skills-surface:rgba(3,13,25,.78);--skills-cyan:#56d5ff;background:radial-gradient(circle at 50% 18%,rgba(0,124,248,.25),transparent 40%),radial-gradient(circle at 16% 72%,rgba(7,68,120,.3),transparent 42%),radial-gradient(circle at 84% 74%,rgba(1,45,95,.34),transparent 44%),var(--skills-bg);font-family:Space Grotesk,Segoe UI,sans-serif;overflow:hidden;padding:3rem 0;position:relative}.skills:before{background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(39,111,214,.1) 0,transparent 50%);content:"";inset:0;pointer-events:none;position:absolute}.skills .container{position:relative;z-index:2}.skills-header{margin-bottom:4rem}.skills .section-title{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#7ce5ff,#8ca5ff);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.02em}.skills .section-subtitle{color:var(--skills-soft)}.skills-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:4rem}.skills-category{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--skills-surface);border:1px solid rgba(120,173,255,.22);border-radius:16px;padding:2.5rem;transition:all .3s ease}.skills-category:hover{border-color:rgba(132,225,255,.4);box-shadow:0 20px 60px rgba(84,167,255,.18);transform:translateY(-6px)}.category-title{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#7ce5ff,#8ca5ff);-webkit-background-clip:text;background-clip:text;color:#eaf2ff;font-size:1.8rem;font-weight:600;margin-bottom:2rem;text-align:center}.skills-list{display:flex;flex-direction:column;gap:1.5rem}.skill-item{background:rgba(8,19,35,.56);border:1px solid rgba(131,189,255,.2);border-radius:12px;padding:1.5rem;transition:all .3s ease}.skill-item:hover{background:rgba(86,213,255,.08);border-color:rgba(132,225,255,.42)}.skill-header{justify-content:space-between;margin-bottom:1rem}.skill-header,.skill-name{align-items:center;display:flex}.skill-name{color:#eaf2ff;font-size:1.1rem;font-weight:500;gap:.8rem}.skill-name i{color:var(--skills-cyan);font-size:1.3rem;text-align:center;width:20px}.skill-percentage{color:#90e1ff;font-size:.9rem;font-weight:600}.skill-bar{background:rgba(130,199,255,.15);border-radius:4px;height:8px;overflow:hidden}.skill-progress{animation:skillLoad 2s ease-in-out;background:linear-gradient(120deg,#63d5ff,#5a79ff);border-radius:4px;height:100%;transition:width 1s ease-in-out}@keyframes skillLoad{0%{width:0}}.skills-summary{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem}.summary-card{background:var(--skills-surface);border:1px solid rgba(120,173,255,.22);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.summary-card:hover{background:rgba(86,213,255,.08);border-color:rgba(132,225,255,.45);transform:translateY(-5px)}.summary-card h3{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#7ce5ff,#8ca5ff);-webkit-background-clip:text;background-clip:text;color:#eaf2ff;font-size:1.4rem;margin-bottom:1rem}.summary-card p{color:var(--skills-soft);line-height:1.6}.learning-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(5,14,28,.72);border:1px solid var(--skills-border);border-radius:16px;padding:3rem;text-align:center}.learning-section h2{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#7ce5ff,#8ca5ff);-webkit-background-clip:text;background-clip:text;color:#eaf2ff;font-size:2rem;margin-bottom:2rem}.learning-items{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.learning-item{align-items:center;background:rgba(147,201,255,.12);border:1px solid rgba(131,189,255,.28);border-radius:999px;color:#d6e6fa;display:flex;font-weight:500;gap:.5rem;padding:.72rem 1.25rem;transition:all .3s ease}.learning-item:hover{background:linear-gradient(120deg,#63d5ff,#5a79ff);border-color:transparent;box-shadow:0 10px 25px rgba(84,167,255,.3);color:#04162e;transform:translateY(-3px)}.learning-item i{color:#90e1ff;font-size:1.2rem}.learning-item:hover i{color:#04162e}.skills .loading{color:#d7e8f8}.skills .error{color:#ffd7df}@media (max-width:768px){.skills-content{gap:2rem;grid-template-columns:1fr}.skills-category{padding:2rem}.category-title{font-size:1.5rem}.skill-item{padding:1rem}.skills-summary{gap:1.5rem;grid-template-columns:1fr}.summary-card{padding:1.5rem}.learning-section{padding:2rem}.learning-items{gap:1rem}.learning-item{font-size:.9rem;padding:.6rem 1rem}}.contact{--contact-bg:#02070f;--contact-border:rgba(112,182,255,.18);--contact-soft:#9fb3cc;--contact-surface:rgba(3,13,25,.78);--contact-cyan:#56d5ff;background:radial-gradient(circle at 50% 18%,rgba(0,124,248,.25),transparent 40%),radial-gradient(circle at 16% 72%,rgba(7,68,120,.3),transparent 42%),radial-gradient(circle at 84% 74%,rgba(1,45,95,.34),transparent 44%),var(--contact-bg);font-family:Space Grotesk,Segoe UI,sans-serif;overflow:hidden;padding:3rem 0;position:relative}.contact:before{background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(39,111,214,.1) 0,transparent 50%);content:"";inset:0;pointer-events:none;position:absolute}.contact .container{position:relative;z-index:2}.contact-header{margin-bottom:4rem}.contact .section-title{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#7ce5ff,#8ca5ff);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.02em}.contact .section-subtitle{color:var(--contact-soft)}.contact-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.contact-info h2{color:#eaf2ff;font-size:2.2rem;margin-bottom:1.5rem}.contact-info>p{color:var(--contact-soft);font-size:1.1rem;line-height:1.8}.contact-details,.contact-info>p{margin-bottom:3rem}.contact-item{align-items:center;background:rgba(8,19,35,.56);border:1px solid rgba(131,189,255,.2);border-radius:12px;display:flex;gap:1rem;margin-bottom:.8rem;padding:1.2rem}.contact-item:last-child{margin-bottom:0}.contact-item i{color:var(--contact-cyan);font-size:1.5rem;text-align:center;width:30px}.contact-item h3{color:#eaf2ff;font-size:1.1rem;margin-bottom:.3rem}.contact-item p{color:var(--contact-soft);margin:0}.social-links h3{color:#eaf2ff;font-size:1.3rem;margin-bottom:1rem}.social-icons{display:flex;gap:1rem}.social-icons a{align-items:center;background:rgba(5,14,28,.72);border:1px solid var(--contact-border);border-radius:50%;color:#c5daef;display:flex;font-size:1.2rem;height:45px;justify-content:center;text-decoration:none;transition:all .3s ease;width:45px}.social-icons a:hover{background:linear-gradient(120deg,#63d5ff,#5a79ff);box-shadow:0 10px 25px rgba(84,167,255,.3);color:#04162e;transform:translateY(-3px)}.contact-form-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--contact-surface);border:1px solid rgba(120,173,255,.22);border-radius:16px;padding:3rem}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#d7e8f8;font-size:1rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{background:rgba(8,19,35,.62);border:1px solid rgba(131,189,255,.2);border-radius:8px;color:#eaf2ff;font-family:inherit;font-size:1rem;padding:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{background:rgba(12,24,44,.85);border-color:#8fdfff;box-shadow:0 0 0 3px rgba(86,213,255,.12);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#8ea2ba}.form-group textarea{min-height:120px;resize:vertical}.btn.loading{color:transparent;position:relative}.btn.loading:after{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:transparent;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}.contact .btn-primary{background:linear-gradient(120deg,#63d5ff,#5a79ff);border-radius:999px;color:#04162e}.contact .btn-primary:hover{box-shadow:0 10px 25px rgba(84,167,255,.3)}@keyframes spin{to{transform:rotate(1turn)}}.form-message{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:.8rem;margin-top:1rem;padding:1rem}.form-message.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#8df6b6}.form-message.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ffb8c2}.form-message i{font-size:1.2rem}.contact .loading{color:#d7e8f8}.contact .error{color:#ffd7df}@media (max-width:768px){.contact-content{gap:2rem;grid-template-columns:1fr}.contact-info h2{font-size:1.8rem}.contact-form-container{padding:2rem}.social-icons{justify-content:center}.contact-details{margin-bottom:2rem}.contact-item{padding:1rem 0}}.footer{background:radial-gradient(circle at top left,rgba(98,152,255,.16),transparent 30%),linear-gradient(180deg,rgba(4,12,22,.96),#02070f);border-top:1px solid rgba(131,189,255,.16);margin-top:auto;padding:1.5rem 0 1.25rem;position:relative}.footer-shell{grid-gap:1.25rem;display:grid;gap:1.25rem}.footer-top{grid-gap:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(3,12,24,.72);border:1px solid rgba(131,189,255,.14);border-radius:1.25rem;display:grid;gap:1.5rem;grid-template-columns:1.7fr 1fr 1fr;padding:1.4rem}.footer-brand h3{color:#f7fbff;font-size:1.8rem;letter-spacing:-.03em;margin:.15rem 0 .6rem}.footer-eyebrow,.footer-label{color:#7ccfff;font-size:.72rem;letter-spacing:.16em;margin:0;text-transform:uppercase}.footer-brand p{color:#9db3cd;line-height:1.7;margin:0;max-width:34rem}.footer-group{grid-gap:.85rem;align-content:start;display:grid;gap:.85rem}.footer-list,.footer-nav{grid-gap:.6rem;display:grid;gap:.6rem}.footer-nav a{color:#d6e6fa;font-size:.95rem;text-decoration:none;transition:color .18s ease,transform .18s ease}.footer-nav a:hover{color:#90e1ff;transform:translateX(2px)}.footer-list{color:#a9bfd7;list-style:none;margin:0;padding:0}.footer-list li{padding-left:.9rem;position:relative}.footer-list li:before{background:linear-gradient(135deg,#63d5ff,#5a79ff);border-radius:999px;content:"";height:.35rem;left:0;position:absolute;top:.7rem;width:.35rem}.footer-socials{display:flex;gap:.75rem;margin-top:1.1rem}.footer-socials a{align-items:center;background:rgba(7,18,35,.78);border:1px solid rgba(131,189,255,.18);border-radius:999px;color:#d8ecff;display:inline-flex;height:2.6rem;justify-content:center;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease;width:2.6rem}.footer-socials a:hover{background:linear-gradient(135deg,rgba(99,213,255,.2),rgba(90,121,255,.18));border-color:rgba(132,225,255,.7);transform:translateY(-2px)}.footer-bottom{align-items:center;color:#8ea4bf;display:flex;font-size:.92rem;gap:1rem;justify-content:center;padding:0 .2rem}.footer-bottom p{margin:0}@media (max-width:900px){.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width:768px){.footer{padding:1rem 0}.footer-top{grid-template-columns:1fr;padding:1.15rem}.footer-brand h3{font-size:1.55rem}.footer-bottom{align-items:flex-start;flex-direction:column}}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;padding-top:80px}main>*{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#1f6fe5);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#1958ba)}::selection{background:rgba(102,126,234,.3);color:#fff}
/*# sourceMappingURL=main.c6b89f56.css.map*/