:root{--bg:#0b0c0f;--bg-elev:#121318;--fg:#e6e6e6;--muted:#a3a3a3;--accent:#22cc8e;--accent-2:#70e8d8;--card:#15171d;--ring:#2ee6a640;--nav-bg:#4b4b4b59;--nav-chip:#fff;--nav-chip-active:#ffffff26;--nav-chip-indicator:#fff;--cta-bg:#fff;--cta-fg:#000;--theme-toggle-bg:#fffffff0;--theme-toggle-fg:#101214;--theme-toggle-shadow:0 12px 28px #0000002e;--radius:20px;--max:100%}:root[data-theme=light]{--bg:#fff;--bg-elev:#fff;--fg:#0b0c0f;--muted:#4b5563;--accent:#168c65;--accent-2:#1b9a8f;--card:#fff;--ring:#168c652e;--nav-bg:#ffffffdb;--nav-chip:#241f18;--nav-chip-active:#168c651f;--nav-chip-indicator:#168c65;--cta-bg:#fff;--cta-fg:#0b0c0f;--theme-toggle-bg:#fff;--theme-toggle-fg:#0b0c0f;--theme-toggle-shadow:0 12px 28px #5b452229}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial;transition:background .3s,color .3s}main{background:var(--bg);min-height:100%;color:var(--fg);transition:background .3s,color .3s}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{max-width:100%;margin:0;padding:0 clamp(24px,5vw,48px)}h1{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(34px,6vw,72px);line-height:1.2}h2{margin:0 0 10px;font-size:clamp(22px,3.5vw,36px)}p{margin-top:.5rem;font-size:clamp(14px,1.6vw,18px)}.nav{z-index:10;background:var(--nav-bg);backdrop-filter:blur(8px);border:1px solid #ffffff14;border-radius:100px;width:auto;padding:8px;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 18px 48px #00000029}:root[data-theme=light] .nav{border-color:#241f1814}.nav-inner{align-items:center;gap:8px;min-height:auto;padding:0;display:flex}.nav-links{gap:8px;margin:0;padding:8px 16px;display:flex;position:static;transform:none}.nav-actions{align-items:center;gap:8px;display:flex}.chip{color:var(--nav-chip);background:0 0;border:none;padding:8px 16px;font-size:14px;transition:all .3s;position:relative}.chip:hover{opacity:.8}.chip.active{background:var(--nav-chip-active);border-radius:8px}.chip.active:before{content:"";background:var(--nav-chip-indicator);opacity:.8;border-radius:2px;width:20px;height:4px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.cta{background:var(--cta-bg);border:none;border-radius:100px;align-items:center;gap:8px;margin-left:8px;padding:8px 16px;display:inline-flex}.cta strong{color:var(--cta-fg);background:0 0;padding:0;font-weight:500}.theme-toggle{background:var(--theme-toggle-bg);width:36px;height:36px;color:var(--theme-toggle-fg);cursor:pointer;box-shadow:var(--theme-toggle-shadow);border:none;border-radius:50%;place-items:center;padding:0;transition:transform .25s,background .3s,color .3s,box-shadow .3s;display:inline-grid}.theme-toggle:hover{transform:translateY(-1px)rotate(8deg)}.theme-toggle:active{transform:translateY(0)scale(.96)}.theme-toggle-icon{width:18px;height:18px;display:block}.theme-toggle-icon svg{width:100%;height:100%;display:block}:root[data-theme=light] .grid-bg{opacity:.18}:root[data-theme=light] .grid-bg:before{background-image:linear-gradient(#168c6547 1.5px,#0000 1.5px),linear-gradient(90deg,#1b9a8f3d 1.5px,#0000 1.5px)}.hero{background:var(--bg);flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:100vh;padding:0;display:flex;position:relative;overflow:hidden}.hero-main-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#c05252 0%,#35aaa2 25%,#3595b5 50%,#6aa894 75%,#d4ae60 100%) text;margin-bottom:24px;font-size:clamp(56px,10vw,84px);font-weight:700;line-height:1.2}.hero-name{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#c05252 0%,#35aaa2 25%,#3595b5 50%,#6aa894 75%,#d4ae60 100%) text;font-weight:700}.hero:before{content:"";z-index:1;background:#0b0c0fd9;display:none;position:absolute;inset:0}.grid-bg{z-index:0;opacity:.25;pointer-events:none;position:absolute;inset:0;mask-image:radial-gradient(#000 0% 30%,#0000 70%)}.grid-bg:before{content:"";transform-origin:50%;background-image:linear-gradient(#ffffff71 1.5px,#0000 1.5px),linear-gradient(90deg,#ffffff85 1.5px,#0000 1.5px);background-size:40px 40px;animation:8s ease-in-out infinite pulseGrid;position:absolute;inset:0}@keyframes pulseGrid{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.gradient{color:#0000;background:linear-gradient(90deg,#fff 0%,#ffffff80 100%) text;margin:.2em 0;padding:.1em 0;line-height:1.4;display:inline-block;position:relative}.hero-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:.75rem;max-width:800px;margin:0 auto;padding:96px 20px 48px;display:flex}.hero-content p{max-width:720px;color:var(--muted);margin:24px auto 0;font-size:clamp(16px,2vw,20px);line-height:1.6}.hero-actions{justify-content:center;gap:16px;margin-top:32px;display:flex}.resume-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#35aaa2 0%,#8a66ff 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #667eea4d}.resume-btn:hover{background:linear-gradient(135deg,#3595b5 0%,#ff69b4 100%);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.resume-btn:active{transform:translateY(0)}.resume-icon{flex-shrink:0;width:20px;height:20px}.logos{opacity:.9;padding:24px 0 8px}.logos-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));place-items:center;gap:clamp(12px,2vw,24px);width:100%;display:grid}.logo-pill{color:#9aa0a6;background:#ffffff08;border:1px solid #ffffff0f;border-radius:999px;justify-content:center;align-items:center;width:min(160px,34vw);height:40px;font-size:14px;font-weight:600;display:flex}.logo-scroll{background:#111;border-bottom:1px solid #ffffff1a;width:100%;padding:20px 0;overflow:hidden}.logo-container{white-space:nowrap;gap:40px;animation:20s linear infinite scroll;display:flex}.logo-item{color:#ffffff80;background:#ffffff1a;border-radius:4px;flex:none;padding:8px 16px;font-size:14px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}section{width:100%;padding:0}.section-eyebrow{color:#a1f0d9;letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;gap:16px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.eyebrow-divider{opacity:.6;background:linear-gradient(90deg,#0000,#a1f0d9,#0000);width:40px;height:1px}.star-badge{color:#a1f0d9;background:#2ee6a61f;border:1px solid #2ee6a659;border-radius:999px;place-items:center;width:22px;height:22px;font-size:12px;display:inline-grid}.eyebrow-text{color:#a1f0d9}.section-title{text-align:center;-webkit-text-fill-color:transparent;color:#0000;background:linear-gradient(135deg,#c05252 20%,#35aaa2 48%,#3595b5 52%,#6aa894 76%,#d4ae60 100%) 0 0/100% 100% text;font-weight:700}.contact-heading .section-title{-webkit-text-fill-color:transparent;background-clip:text}.section-sub{text-align:center;max-width:min(960px,92%);color:var(--muted);margin:0 auto}.projects{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));justify-content:center;align-items:start;gap:clamp(20px,4vw,40px);width:100%;margin-top:26px;display:grid}.card{background:var(--card);border:1px solid #ffffff0f;border-radius:16px;overflow:hidden}.thumb{aspect-ratio:21/9;object-fit:cover;background:#0e1116;width:100%}.card-body{padding:16px 12px 22px}.card h3{margin:0 0 4px;font-size:clamp(18px,2vw,22px)}.card p{color:var(--muted);margin:0}.contact{text-align:center;place-items:center;display:grid}.contact .btn{box-shadow:0 0 0 8px var(--ring)}footer{color:#bcbcbc;border-top:1px solid #ffffff0f;padding:20px 0}.foot-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.foot-links{gap:14px;display:flex;overflow:auto hidden}.heart{color:#ff6b81}.experience-header{text-align:center;width:100%;margin-bottom:80px}.experience-main-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#c05252 0%,#35aaa2 25%,#3595b5 50%,#6aa894 75%,#d4ae60 100%) text;margin-bottom:24px;font-size:clamp(56px,10vw,84px)}.experience-tagline{color:#a0a0a0;max-width:600px;margin:0 auto;font-size:18px;font-style:italic}.experience-wrapper{align-items:stretch;gap:80px;max-width:1400px;margin:0 auto;padding:40px 0;display:flex}.experience-illustration{flex:1;justify-content:center;align-items:center;max-width:500px;min-height:auto;padding:0 60px;display:flex}.experience-cards{flex-direction:column;flex:2;gap:32px;display:flex}.experience-card{background:#15171d;border:1px solid #2ee6a633;border-radius:16px;align-items:flex-start;gap:20px;padding:32px;display:flex;position:relative;overflow:hidden}.experience-card:before{content:"";opacity:0;pointer-events:none;z-index:-1;filter:blur(8px);background:radial-gradient(#2ee6a626 0%,#17d7a01a 40%,#0000 70%);border-radius:24px;transition:opacity .3s;position:absolute;inset:-8px}.experience-card:hover{border-color:#2ee6a666;transform:translateY(-4px);box-shadow:0 8px 32px #2ee6a633,0 4px 16px #17d7a01a}.experience-card:hover:before{opacity:1}.card-icon{color:#2ee6a6;background:#2ee6a61a;border:1px solid #2ee6a633;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.avatar-icon{width:24px;height:24px}.org-logo{background:#fffffff5;border-color:#ffffff2e;width:64px;height:52px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0b0c0f0f,0 10px 24px #0000002e}.org-logo-link{border-radius:14px;outline:none;flex:none;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex}.org-logo-link:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 10px 28px #2ee6a638}.org-logo-link:active{transform:translateY(0)scale(.98)}.org-logo-link:focus-visible{outline:2px solid var(--accent-2);outline-offset:4px}.org-logo-link .org-logo{cursor:pointer}.org-logo svg{border-radius:10px;width:42px;height:42px;display:block}.org-logo-img{object-fit:contain;width:52px;height:40px;display:block}.org-logo-fallback{color:#10211d;letter-spacing:.02em;justify-content:center;align-items:center;width:100%;height:100%;font-size:13px;font-weight:800;display:flex}.card-content{flex-direction:column;flex:1;gap:8px;display:flex}.card-dates{color:#2ee6a6;letter-spacing:.5px;font-size:14px;font-weight:600}.card-role{color:#e6e6e6;margin:0;font-size:20px;font-weight:700;line-height:1.2}.card-company{color:#a3a3a3;font-size:16px;font-weight:500}.card-client{color:#2ee6a6;margin-top:4px;font-size:14px;font-weight:600;display:block}.card-description{color:#e6e6e6;opacity:.9;margin:0;font-size:16px;line-height:1.5}@media (width<=1024px){.experience-wrapper{flex-direction:column;gap:40px;padding:30px 0}.experience-illustration{order:-1;max-width:400px}.experience-cards{gap:24px}}@media (width<=768px){.experience-wrapper{gap:32px;padding:20px 0}.experience-illustration{max-width:350px}.experience-card{gap:16px;padding:24px}.card-icon{width:40px;height:40px}.avatar-icon{width:20px;height:20px}.card-role{font-size:18px}.card-description{font-size:15px}}@media (width<=480px){.experience-card{text-align:center;flex-direction:column;gap:16px}.card-icon{align-self:center}}@media (prefers-reduced-motion:reduce){.experience-card{opacity:1;animation:none;transform:none}.experience-card:hover{transform:none}}.education-header{text-align:center;width:100%;margin-bottom:20px}.education-main-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#c05252 0%,#35aaa2 25%,#3595b5 50%,#6aa894 75%,#d4ae60 100%) text;margin-bottom:24px;font-size:clamp(56px,10vw,84px)}.education-tagline{color:#a0a0a0;max-width:600px;margin:0 auto;font-size:18px;font-style:italic}.education-wrapper{align-items:flex-start;gap:80px;max-width:1400px;margin:0 auto;padding:40px 0;display:flex}.education-illustration{flex:1;justify-content:center;align-items:center;max-width:500px;min-height:400px;padding:100px;display:flex}.education-cards{flex-direction:column;flex:2;gap:32px;display:flex}.education-card{background:#15171d;border:1px solid #2ee6a633;border-radius:16px;align-items:flex-start;gap:20px;padding:32px;transition:border-color .3s,box-shadow .3s,transform .3s;display:flex;position:relative;overflow:hidden}.education-card:before{content:"";opacity:0;pointer-events:none;z-index:-1;filter:blur(8px);background:radial-gradient(#2ee6a626 0%,#17d7a01a 40%,#0000 70%);border-radius:24px;transition:opacity .3s;position:absolute;inset:-8px}.education-card:hover{border-color:#2ee6a666;transform:translateY(-4px);box-shadow:0 8px 32px #2ee6a633,0 4px 16px #17d7a01a}.education-card:hover:before{opacity:1}@media (width<=1024px){.education-wrapper{flex-direction:column;gap:40px;padding:30px 0}.education-illustration{order:-1;max-width:400px}.education-cards{gap:24px}}@media (width<=768px){.education-wrapper{gap:32px;padding:20px 0}.education-illustration{max-width:350px}.education-card{gap:16px;padding:24px}}@media (width<=480px){.education-card{text-align:center;flex-direction:column;gap:16px}}@media (prefers-reduced-motion:reduce){.education-card{opacity:1;animation:none;transform:none}.education-card:hover{transform:none}}@media (width<=900px){.logos-row{grid-template-columns:repeat(3,1fr)}.nav-inner{min-height:52px}}@media (width<=680px){.projects{grid-template-columns:1fr}.nav-inner{justify-content:space-between}.nav-links{margin:0;padding:0;position:static;transform:none}.brand{position:static}.nav-links{padding:0}.nav-actions{gap:6px}.cta strong{padding:10px 12px}.theme-toggle{width:34px;height:34px}}@media (width<=768px){.hero-content{padding:0 20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.chip:focus-visible,.btn:focus-visible,.cta:focus-visible,.theme-toggle:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.full-height{justify-content:center;align-items:center;min-height:100vh;display:flex}.scroll-cta{background:0 0;border:none;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.scroll-arrow{color:#fff;opacity:.5;animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.hero{position:relative}.btn{background:var(--accent);color:var(--bg);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .3s;display:flex}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2ee6a640}.btn:active{transform:translateY(0)}.scroll-cta{background:0 0;border:none}.scroll-cta:hover .scroll-arrow{opacity:.8;transform:translateY(4px)}.tech-illustration{filter:drop-shadow(0 0 20px #7c4dff33);width:100%;max-width:800px;margin:0 auto}.tech-illustration path,.tech-illustration circle{transition:all .3s}.tech-illustration:hover .floating-element{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.tech-illustration *{transition:none!important;animation:none!important}}#projects{margin-top:-10vh;padding-top:10vh}.projects-header{text-align:center;width:100%;margin-bottom:20px}.projects-main-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#c05252 0%,#35aaa2 25%,#3595b5 50%,#6aa894 75%,#d4ae60 100%) text;margin-bottom:24px;font-size:clamp(56px,10vw,84px)}.projects-tagline{color:#a0a0a0;max-width:600px;margin:0 auto;font-size:18px;font-style:italic}.projects-wrapper{max-width:1400px;margin:0 auto;padding:40px 0}.projects-grid{flex-direction:column;gap:clamp(80px,8vw,120px);margin-top:0;display:flex}.project-row{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(56px,6vw,72px);min-height:400px;display:grid}.project-content{flex-direction:column;gap:24px;max-width:500px;display:flex}.featured-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);background:#2ee6a61a;border:1px solid #2ee6a633;border-radius:20px;width:fit-content;padding:8px 16px;font-size:12px;font-weight:600}.project-title{margin:0;font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1.25}.project-title a{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#c05252 0%,#35aaa2 25%,#3595b5 50%,#6aa894 75%,#d4ae60 100%) text;transition:opacity .3s}.project-title a:hover{opacity:.8}.project-description{backdrop-filter:blur(10px);background:#15171dcc;border:1px solid #ffffff1a;border-radius:16px;margin-right:-24px;padding:24px;position:relative;box-shadow:0 8px 32px #0000004d}.project-description p{color:var(--fg);margin:0;font-size:16px;line-height:1.6}.project-tech{flex-wrap:wrap;gap:12px;display:flex}.tech-tag{color:var(--muted);letter-spacing:.02em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .2s}.tech-tag:hover{color:#a1f0d9;background:#2ee6a614;border-color:#2ee6a64d}.project-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.cta-primary{color:var(--accent);border:2px solid var(--accent);white-space:nowrap;background:0 0;border-radius:25px;align-items:center;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.cta-primary:hover{color:var(--bg);background:linear-gradient(135deg,#2ee6a6 0%,#14c490 100%);border-color:#0000;transform:translateY(-2px);box-shadow:0 8px 25px #2ee6a64d}.cta-secondary{width:40px;height:40px;color:var(--muted);background:#ffffff0d;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.cta-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.repo-icon{fill:currentColor;width:20px;height:20px}.live-icon{fill:currentColor;width:18px;height:18px;margin-right:6px}.cta-primary.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;color:#fff9;background:#ffffff1a;border:1px solid #fff3}.cta-primary.disabled:hover{box-shadow:none;transform:none}.cta-primary.disabled .live-icon{fill:#fff9}.project-visual{justify-content:center;align-items:center;display:flex}.visual-panel{aspect-ratio:16/9;border-radius:16px;width:100%;max-width:500px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.device-mockup{background:linear-gradient(135deg,#1e4d59 0%,#174a55 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.mockup-screen{background:#0b0c0f;border-radius:20px;width:80%;height:80%;position:relative;overflow:hidden}.mockup-image{object-fit:cover;width:100%;height:100%}.mockup-overlay{text-align:center;color:#fff;background:linear-gradient(135deg,#1e4d59 0%,#174a55 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mockup-content h4{margin:0 0 8px;font-size:24px;font-weight:700}.mockup-content p{opacity:.8;text-transform:uppercase;letter-spacing:.1em;margin:0 0 20px;font-size:12px}.mockup-logo{align-items:center;gap:12px;display:flex}.hexagon-logo{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);color:#fff;background:linear-gradient(135deg,#2ee6a6 0%,#14c490 100%);justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex}.app-name{font-size:16px;font-weight:600}.image-panel{width:100%;height:100%;position:relative}.panel-image{object-fit:cover;width:100%;height:100%}.image-overlay{background:linear-gradient(135deg,#1e4d5999 0%,#174a5599 100%);position:absolute;inset:0}.loading-indicator{justify-content:center;padding:40px;display:flex}.loading-spinner{border:3px solid #2ee6a633;border-top:3px solid var(--accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reveal-left{opacity:0;transition:opacity .9s cubic-bezier(.4,0,.2,1),transform .9s cubic-bezier(.4,0,.2,1);transform:translate(-64px)translateY(16px)}.reveal-right{opacity:0;transition:opacity .9s cubic-bezier(.4,0,.2,1) .2s,transform .9s cubic-bezier(.4,0,.2,1) .2s;transform:translate(64px)translateY(16px)}.reveal-left.revealed,.reveal-right.revealed{opacity:1;transform:translate(0)}@media (width<=1024px){.project-row{gap:clamp(40px,4vw,56px)}.project-description{margin-right:-16px}}@media (width<=768px){.project-row{text-align:center;grid-template-columns:1fr;gap:40px}.project-content{order:2;max-width:100%}.project-visual{order:1}.project-description{margin-right:0}.project-tech,.project-actions{justify-content:center}}@media (width<=1024px){.projects-wrapper{padding:30px 0}}@media (width<=768px){.projects-wrapper{padding:40px 0}}@media (width<=640px){.projects-wrapper{padding:40px 0}.projects-grid{gap:60px;margin-top:0}.project-title{font-size:clamp(28px,6vw,36px)}.visual-panel{aspect-ratio:5/3}}@media (prefers-reduced-motion:reduce){.reveal-left,.reveal-right{opacity:1;transition:none;transform:none}.tech-tag:hover,.cta-primary:hover,.cta-secondary:hover{transform:none}}.skills-container{width:100%;max-width:1200px;margin:0 auto;padding:80px 20px}.skills-header{text-align:center;width:100%;margin-bottom:80px}.skills-main-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#c05252 0%,#35aaa2 25%,#3595b5 50%,#6aa894 75%,#d4ae60 100%) text;margin-bottom:24px;font-size:clamp(56px,10vw,84px)}.skills-tagline{color:#a0a0a0;max-width:600px;margin:0 auto;font-size:18px;font-style:italic}.skills-cloud{cursor:grab;background:radial-gradient(circle,#2ee6a60d 0%,#0000 70%);border-radius:20px;justify-content:center;align-items:center;width:100%;height:400px;margin:60px 0;display:flex;position:relative;overflow:hidden}.skills-cloud:hover{cursor:grab}.skills-cloud:active{cursor:grabbing}.spherical-word-cloud-section{background:linear-gradient(135deg,#2ee6a60d 0%,#2ee6a605 100%);border:1px solid #2ee6a61a;border-radius:16px;margin:80px 0;padding:20px;overflow:hidden}.spherical-word-cloud-container{width:100%;height:600px;position:relative}.word-cloud-3d{background:0 0;width:100%;height:600px;margin:60px 0;position:relative;overflow:visible}.word-3d{color:#fff;opacity:.95;transform:translate(var(--x),var(--y));animation:8s ease-in-out infinite float;animation-delay:var(--delay);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;cursor:pointer;text-shadow:2px 2px 4px #000000b3,0 0 8px #ffffff1a;filter:drop-shadow(1px 1px 2px #00000080);font-weight:600;transition:all .3s;position:absolute}.word-3d--xl{z-index:40;font-size:42px;font-weight:700}.word-3d--lg{z-index:30;font-size:32px;font-weight:600}.word-3d--md{z-index:20;font-size:24px;font-weight:600}.word-3d--sm{z-index:10;font-size:18px;font-weight:500}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.word-3d:hover{color:var(--accent);opacity:1;transform:translate(var(--x),var(--y))scale(1.05);pointer-events:auto;text-shadow:2px 2px 6px #000c,0 0 12px #2ee6a699;z-index:50}@keyframes float{0%,to{transform:translate(var(--x,0),var(--y,0))rotate(var(--rotation,0deg))scale(var(--scale,1))}50%{transform:translate(var(--x,0),calc(var(--y,0) - 15px))rotate(var(--rotation,0deg))scale(var(--scale,1))}}.skill-icon{font-size:var(--font-size,16px);color:var(--fg);opacity:var(--opacity,.7);animation:6s ease-in-out infinite float;animation-delay:calc(var(--card-index,0)*.1s);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;width:auto;height:auto;transform:translate(var(--x,0),var(--y,0))rotate(var(--rotation,0deg))scale(var(--scale,1));transform-origin:50%;letter-spacing:.5px;will-change:transform,opacity;justify-content:center;align-items:center;padding:4px 8px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute}.skill-icon--floating{animation:8s ease-in-out infinite floatGlobe}.skill-icon:hover{opacity:1;transform:translate(var(--x,0),var(--y,0))rotate(var(--rotation,0deg))scale(1.3);color:var(--accent);z-index:10;text-shadow:0 0 12px #2ee6a699;filter:drop-shadow(0 0 8px #2ee6a64d)}.skill-icon:active{transform:translate(var(--x,0),var(--y,0))rotate(var(--rotation,0deg))scale(1.1);transition:all .1s}@keyframes floatGlobe{0%,to{transform:translate(var(--x,0),var(--y,0))rotate(var(--rotation,0deg))scale(var(--scale,1))}25%{transform:translate(calc(var(--x,0) + 5px),calc(var(--y,0) - 10px))rotate(var(--rotation,0deg))scale(var(--scale,1))}50%{transform:translate(calc(var(--x,0) - 3px),calc(var(--y,0) - 20px))rotate(var(--rotation,0deg))scale(var(--scale,1))}75%{transform:translate(calc(var(--x,0) + 8px),calc(var(--y,0) - 5px))rotate(var(--rotation,0deg))scale(var(--scale,1))}}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:clamp(20px,4vw,30px);margin-top:40px;display:grid}.skill-card{background:#15171d;border:1px solid #2ee6a633;border-radius:16px;flex-direction:column;gap:20px;padding:32px;display:flex;position:relative;overflow:hidden}:root[data-theme=light] .skill-card{color:#f4f7f5;background:#12151c}.skill-card:before{content:"";opacity:0;pointer-events:none;z-index:-1;background:linear-gradient(135deg,#2ee6a699 0%,#17d7a099 100%);border-radius:18px;transition:opacity .3s;position:absolute;inset:-2px}.skill-card:hover{border-color:#2ee6a666;transform:translateY(-4px);box-shadow:0 8px 32px #2ee6a633,0 4px 16px #17d7a01a}.skill-card:hover:before{opacity:1}.skill-card-header{align-items:center;gap:16px;display:flex}.skill-card-icon{background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:32px;display:flex}.skill-card-title{color:var(--fg);flex:1;margin:0;font-size:clamp(18px,2.5vw,22px);font-weight:600}:root[data-theme=light] .skill-card-title{color:#f4f7f5}.skill-card-skills{flex-wrap:wrap;gap:8px;display:flex}.skill-pill{color:var(--fg);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #0000;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .3s}:root[data-theme=light] .skill-pill{color:#e7ece9;background:#ffffff12}:root[data-theme=light] .skill-card-icon{color:#f4f7f5;background:#ffffff14}.skill-pill:hover{background:#ffffff1a;transform:scale(1.05)}.skill-card--cyan .skill-pill{border-color:#2ee6a64d}.skill-card--cyan .skill-pill:hover{border-color:#2ee6a699;box-shadow:0 0 12px #2ee6a633}.skill-card--green .skill-pill{border-color:#2ee6a64d}.skill-card--green .skill-pill:hover{border-color:#2ee6a699;box-shadow:0 0 12px #2ee6a633}.skill-card--purple .skill-pill{border-color:#8a66ff4d}.skill-card--purple .skill-pill:hover{border-color:#8a66ff99;box-shadow:0 0 12px #8a66ff33}.skill-card--orange .skill-pill{border-color:#ffa5004d}.skill-card--orange .skill-pill:hover{border-color:#ffa50099;box-shadow:0 0 12px #ffa50033}.skill-card--pink .skill-pill{border-color:#ff69b44d}.skill-card--pink .skill-pill:hover{border-color:#ff69b499;box-shadow:0 0 12px #ff69b433}.skill-card--yellow .skill-pill{border-color:#ffd7004d}.skill-card--yellow .skill-pill:hover{border-color:#ffd70099;box-shadow:0 0 12px #ffd70033}.skill-card--cyan:before,.skill-card--green:before{background:linear-gradient(90deg,#2ee6a6,#14c490)}.skill-card--purple:before{background:linear-gradient(90deg,#8a66ff,#3bf9c2)}.skill-card--orange:before{background:linear-gradient(90deg,orange,#ff8c00)}.skill-card--pink:before{background:linear-gradient(90deg,#ff69b4,#ff1493)}.skill-card--yellow:before{background:linear-gradient(90deg,gold,orange)}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@media (width<=768px){.skills-cloud{height:150px;margin:40px 0}.skills-grid{grid-template-columns:1fr;gap:20px}.skill-card{padding:20px}.skill-card-header{text-align:center;flex-direction:column;gap:12px}.skill-card-icon{width:40px;height:40px;font-size:24px}}@media (width<=480px){.skills-container{padding:40px 16px}.skill-card{padding:16px}.skill-pill{padding:4px 10px;font-size:12px}}@media (prefers-reduced-motion:reduce){.skill-icon{animation:none}.skill-card{opacity:1;animation:none;transform:none}.skill-card:hover,.skill-pill:hover{transform:none}}.contact-wrapper{grid-template-columns:1fr 1fr;align-items:flex-start;gap:clamp(80px,10vw,120px);max-width:1400px;margin:0 auto;padding:80px 0;display:grid}.contact-details{opacity:0;width:100%;transition:all .8s cubic-bezier(.4,0,.2,1);transform:translate(-50px)}.contact-details.revealed{opacity:1;transform:translate(0)}.contact-info{flex-direction:column;gap:40px;width:100%;display:flex}.contact-profile-card{backdrop-filter:blur(10px);background:linear-gradient(145deg,#15171dc7,#111318eb);border:1px solid #2ee6a62e;border-radius:16px;grid-template-columns:132px 1fr;align-items:center;gap:24px;margin-bottom:32px;padding:24px;display:grid;position:relative;box-shadow:0 18px 48px #0000003d,0 0 42px #2ee6a614}.contact-profile-photo{object-fit:cover;object-position:center 32%;border:2px solid #2ee6a65c;border-radius:16px;width:132px;height:132px;box-shadow:0 0 0 6px #2ee6a614,0 0 34px #2ee6a659,0 0 62px #45b7d12e,0 14px 34px #00000059}.contact-profile-copy{min-width:0}.contact-profile-kicker{color:#2ee6a6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:inline-flex}.contact-profile-copy h3{color:#f4f7f5;margin:0 0 8px;font-size:clamp(22px,3vw,30px);line-height:1.05}.contact-profile-copy p{color:#b8bfbc;margin:0;font-size:15px;line-height:1.55}.contact-item{backdrop-filter:blur(10px);background:#15171d99;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:24px;width:100%;min-width:0;padding:24px;transition:all .3s;display:flex}.contact-item:hover{border-color:#2ee6a64d;transform:translateY(-3px);box-shadow:0 12px 40px #2ee6a61a}.contact-icon{color:#fff;background:linear-gradient(135deg,#8a66ff 0%,#ff69b4 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.contact-icon svg{width:24px;height:24px}.contact-content{flex-direction:column;flex:1;gap:8px;display:flex}.contact-label{color:#e6e6e6;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:700}.contact-value{color:#a3a3a3;font-size:16px;line-height:1.4}:root[data-theme=light] .contact-item,:root[data-theme=light] .social-link{background:#12151cad;border-color:#ffffff24}:root[data-theme=light] .contact-label{color:#f4f7f5}:root[data-theme=light] .contact-value,:root[data-theme=light] .social-link{color:#c7cfca}.contact-social{justify-content:flex-start;gap:20px;margin-top:40px;display:flex}.social-link{color:#a3a3a3;background:#15171d99;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none;transition:all .3s;display:flex}.social-link:hover{color:#e6e6e6;border-color:#2ee6a64d;transform:translateY(-3px);box-shadow:0 8px 24px #2ee6a633}.social-link svg{fill:currentColor;width:20px;height:20px}.social-link.linkedin:hover{color:#0077b5;background:#0077b51a;border-color:#0077b580}.social-link.github:hover{color:#24292e;background:#24292e1a;border-color:#24292e80}.social-link.twitter:hover{color:#1da1f2;background:#1da1f21a;border-color:#1da1f280}.social-link.gmail:hover{color:#ea4335;background:#ea43351a;border-color:#ea433580}.contact-form{opacity:0;width:100%;transition:all .8s cubic-bezier(.4,0,.2,1);transform:translate(50px)}.contact-form.revealed{opacity:1;transform:translate(0)}.contact-form form{flex-direction:column;gap:32px;width:100%;display:flex}.form-group{flex-direction:column;gap:12px;width:100%;display:flex}.form-group input,.form-group textarea{color:#e6e6e6;resize:vertical;box-sizing:border-box;background:#1c1f26;border:1px solid #ffffff1a;border-radius:12px;width:100%;min-height:60px;padding:20px 24px;font-family:inherit;font-size:16px;transition:all .3s}.form-group textarea{min-height:140px}.form-group input::placeholder,.form-group textarea::placeholder{color:#a3a3a3;opacity:.7}.form-group input:focus,.form-group textarea:focus{background:#1c1f26;border-color:#2ee6a680;outline:none;box-shadow:0 0 0 4px #2ee6a61a}.form-group input.error,.form-group textarea.error{border-color:#c05252;box-shadow:0 0 0 4px #ff6b6b1a}.error-message{color:#c05252;margin-top:6px;font-size:14px}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#35aaa2 0%,#8a66ff 100%);border:none;border-radius:12px;justify-content:center;align-self:flex-end;align-items:center;gap:12px;min-width:160px;margin-top:16px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#3595b5 0%,#ff69b4 100%);transform:translateY(-3px);box-shadow:0 12px 30px #2ee6a64d}.submit-btn:active:not(:disabled){transform:translateY(-1px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-btn svg{width:20px;height:20px;transition:transform .3s}.submit-btn:hover:not(:disabled) svg{transform:translate(6px)}@media (width<=1024px){.contact-wrapper{gap:60px;max-width:1400px;padding:60px 0}.contact-item{gap:24px;padding:32px}.contact-icon{width:48px;height:48px}.contact-icon svg{width:24px;height:24px}.contact-label{font-size:15px}.contact-value{font-size:17px}.form-group input,.form-group textarea{min-height:60px;padding:20px 24px}.form-group textarea{min-height:120px}.submit-btn{min-width:180px;padding:18px 36px;font-size:17px}}@media (width<=768px){.contact-wrapper{grid-template-columns:1fr;gap:60px;max-width:100%;padding:40px 0}.contact-details{order:2}.contact-form{order:1}.contact-info{gap:24px}.contact-profile-card{grid-template-columns:104px 1fr;gap:18px;margin-bottom:24px;padding:20px}.contact-profile-photo{border-radius:14px;width:104px;height:104px}.contact-item{gap:16px;padding:20px}.contact-icon{width:40px;height:40px}.contact-icon svg{width:20px;height:20px}.contact-label{font-size:13px}.contact-value{font-size:15px}.form-group{gap:8px}.form-group input,.form-group textarea{min-height:52px;padding:16px 20px;font-size:15px}.form-group textarea{min-height:100px}.submit-btn{align-self:stretch;min-width:auto;padding:14px 28px;font-size:15px}}@media (width<=480px){.projects-header,.education-header{margin-bottom:10px}.contact-header{margin-bottom:60px}.contact-wrapper{gap:40px;padding:40px 0}.contact-profile-card{text-align:center;grid-template-columns:1fr;justify-items:center}.contact-profile-photo{width:128px;height:128px}.contact-item{text-align:center;flex-direction:column;gap:16px;padding:20px}.contact-icon{align-self:center;width:40px;height:40px}.contact-icon svg{width:20px;height:20px}.contact-content{gap:6px}.contact-label{font-size:13px}.contact-value{font-size:15px}.form-group{gap:8px}.form-group input,.form-group textarea{min-height:48px;padding:14px 18px;font-size:14px}.form-group textarea{min-height:90px}.submit-btn{padding:14px 28px;font-size:15px}.submit-btn svg{width:20px;height:20px}}@media (prefers-reduced-motion:reduce){.contact-details,.contact-form{opacity:1;transition:none;transform:none}.contact-item:hover,.submit-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled) svg{transform:none}}.contact-item:focus-within{border-color:#2ee6a680;box-shadow:0 0 0 3px #2ee6a61a}.submit-btn:focus-visible{outline-offset:2px;outline:2px solid #2ee6a680}:root[data-theme=light] body,:root[data-theme=light] main,:root[data-theme=light] .hero,:root[data-theme=light] #experience,:root[data-theme=light] #education,:root[data-theme=light] #projects,:root[data-theme=light] #skills,:root[data-theme=light] #contact{color:#0b0c0f;background:#fff}:root[data-theme=light] .nav{background:#ffffffe6;border:1px solid #0f172a1f;box-shadow:0 18px 50px #0f172a1f}:root[data-theme=light] .chip{color:#0b0c0f}:root[data-theme=light] .chip.active{background:#0f172a14}:root[data-theme=light] .chip.active:before{background:#0b0c0f}:root[data-theme=light] .cta{background:#fff;border:1px solid #0f172a2e;box-shadow:0 8px 24px #0f172a1a}:root[data-theme=light] .cta strong{color:#0b0c0f}:root[data-theme=light] .theme-toggle{color:#fff;background:#0b0c0f;box-shadow:0 10px 26px #0f172a2e}:root[data-theme=light] .cta-outline-btn{color:#0b0c0f;background:#fff;border:1px solid #0f172a38;box-shadow:0 10px 26px #0f172a14}:root[data-theme=light] .cta-outline-btn:hover{color:#0b0c0f;border-color:#0b0c0f}:root[data-theme=light] .experience-card,:root[data-theme=light] .education-card,:root[data-theme=light] .project-description,:root[data-theme=light] .contact-profile-card,:root[data-theme=light] .contact-item,:root[data-theme=light] .social-link{color:#0b0c0f;background:#fff;border:1px solid #0f172a47;box-shadow:0 18px 45px #0f172a14}:root[data-theme=light] .skill-card{color:#0b0c0f;background:#fff;border:1.5px solid #0f172a57;box-shadow:0 18px 45px #0f172a14}:root[data-theme=light] .experience-card:hover,:root[data-theme=light] .education-card:hover,:root[data-theme=light] .skill-card:hover,:root[data-theme=light] .contact-item:hover{border-color:#168c6547;box-shadow:0 22px 55px #0f172a1f}:root[data-theme=light] .experience-tagline,:root[data-theme=light] .project-description p,:root[data-theme=light] .skill-card-title,:root[data-theme=light] .card-role,:root[data-theme=light] .card-company,:root[data-theme=light] .card-description,:root[data-theme=light] .card-bullets li,:root[data-theme=light] .contact-profile-copy h3,:root[data-theme=light] .contact-label,:root[data-theme=light] .contact-value,:root[data-theme=light] .social-link{color:#0b0c0f}:root[data-theme=light] .card-location{color:#374151}:root[data-theme=light] .card-tag{color:#111827;background:#f8fafc;border-color:#0f172a3d}:root[data-theme=light] .contact-profile-copy p,:root[data-theme=light] .section-sub,:root[data-theme=light] .hero-content p,:root[data-theme=light] .stat-label,:root[data-theme=light] .project-description p{color:#4b5563}:root[data-theme=light] .skill-card-icon,:root[data-theme=light] .card-icon{color:#0b0c0f;background:#0f172a0f;border-color:#0f172a33}:root[data-theme=light] .skill-pill,:root[data-theme=light] .tech-tag{color:#111827;background:#f8fafc;border-color:#0f172a47}:root[data-theme=light] .featured-label{color:#111827;background:#f8fafc;border-color:#0f172a33}:root[data-theme=light] .cta-secondary{color:#111827;background:#fff;border:1px solid #0f172a47;box-shadow:0 10px 24px #0f172a14}:root[data-theme=light] .cta-secondary:hover{color:#168c65;border-color:#168c658c}:root[data-theme=light] .cta-primary.disabled{opacity:1;color:#4b5563;background:#f8fafc;border:1px solid #0f172a3d}:root[data-theme=light] .cta-primary.disabled .live-icon{fill:#4b5563}:root[data-theme=light] .form-group input,:root[data-theme=light] .form-group textarea{color:#0b0c0f;background:#fff;border:1px solid #0f172a29;box-shadow:0 14px 36px #0f172a0f}:root[data-theme=light] .form-group input::placeholder,:root[data-theme=light] .form-group textarea::placeholder{color:#6b7280;opacity:1}:root[data-theme=light] .form-group input:focus,:root[data-theme=light] .form-group textarea:focus{background:#fff;border-color:#168c658c}:root[data-theme=dark] .card-role,:root[data-theme=dark] .skill-card-title,:root[data-theme=dark] .contact-profile-copy h3,:root[data-theme=dark] .contact-label{color:#e6e6e6}:root[data-theme=dark] .card-company,:root[data-theme=dark] .card-description,:root[data-theme=dark] .project-description p,:root[data-theme=dark] .contact-profile-copy p,:root[data-theme=dark] .contact-value,:root[data-theme=dark] .card-bullets li{color:#a3a3a3}:root[data-theme=dark] .card-location{color:#888}:root[data-theme=dark] .card-tag,:root[data-theme=dark] .skill-pill,:root[data-theme=dark] .tech-tag{color:var(--muted)}.hero-badge{color:#22cc8e;letter-spacing:.3px;background:#2ee6a614;border:1px solid #2ee6a64d;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-flex}.badge-dot{background:#22cc8e;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.typed-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#c05252 0%,#35aaa2 25%,#45b7d1 50%,#96ceb4 75%,#ffeaa7 100%) text}.typing-cursor{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#35aaa2,#22cc8e) text;margin-left:2px;font-weight:300;animation:.9s step-end infinite blink-cursor;display:inline-block}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.hero-stats{opacity:0;flex-wrap:wrap;justify-content:center;gap:clamp(20px,4vw,48px);margin:32px 0;transition:opacity .8s,transform .8s;display:flex;transform:translateY(20px)}.hero-stats.visible{opacity:1;transform:translateY(0)}.hero-stat{opacity:0;transition:opacity .5s,transform .5s;transition-delay:calc(var(--i,0)*.12s);flex-direction:column;align-items:center;gap:4px;display:flex;transform:translateY(16px)}.hero-stats.visible .hero-stat{opacity:1;transform:translateY(0)}.stat-value{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#22cc8e 0%,#35aaa2 100%) text;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:500}.cta-outline-btn{color:var(--fg);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.cta-outline-btn:hover{color:#22cc8e;border-color:#2ee6a680;transform:translateY(-2px);box-shadow:0 4px 15px #2ee6a626}.card-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.card-header-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card-type{text-transform:uppercase;letter-spacing:.08em;color:#22cc8e;background:#2ee6a61a;border:1px solid #2ee6a64d;border-radius:100px;padding:3px 10px;font-size:11px;font-weight:700}.card-location{color:#888;font-size:13px;font-style:italic}.card-bullets{flex-direction:column;gap:10px;margin:10px 0 16px;padding:0;list-style:none;display:flex}.card-bullets li{color:#c8c8c8;padding-left:18px;font-size:14px;line-height:1.55;position:relative}.card-bullets li:before{content:"▸";color:#22cc8e;font-size:12px;position:absolute;top:2px;left:0}.card-tags{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.card-tag{color:var(--muted);letter-spacing:.02em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:600}.ai-chat-fab{z-index:1000;cursor:pointer;color:#fff;background:linear-gradient(135deg,#22cc8e 0%,#8a66ff 100%);border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:66px;height:66px;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 20px #2ee6a659}.ai-chat-fab svg{width:28px;height:28px}.ai-chat-fab:hover{transform:scale(1.1);box-shadow:0 6px 28px #2ee6a680}.ai-chat-fab.has-unread{animation:2.5s ease-in-out infinite fab-pulse}@keyframes fab-pulse{0%,to{box-shadow:0 4px 20px #2ee6a659}50%{box-shadow:0 4px 30px #2ee6a6a6,0 0 0 8px #2ee6a61a}}.fab-unread-dot{border:2px solid var(--bg);background:#c05252;border-radius:50%;width:10px;height:10px;position:absolute;top:6px;right:6px}.ai-chat-panel{z-index:999;background:#13151c;border:1px solid #2ee6a633;border-radius:20px;flex-direction:column;width:440px;max-width:calc(100vw - 40px);max-height:min(720px,100vh - 140px);animation:.25s cubic-bezier(.34,1.56,.64,1) chat-slide-in;display:flex;position:fixed;bottom:112px;right:30px;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0a}@keyframes chat-slide-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.ai-chat-header{background:linear-gradient(135deg,#2ee6a614 0%,#8a66ff0d 100%);border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.ai-chat-header-info{align-items:center;gap:12px;display:flex}.ai-avatar{color:#fff;background:linear-gradient(135deg,#22cc8e 0%,#8a66ff 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.ai-avatar svg{width:20px;height:20px}.ai-chat-name{color:var(--fg);font-size:16px;font-weight:700}:root[data-theme=light] .ai-chat-panel,:root[data-theme=light] .ai-chat-name,:root[data-theme=light] .ai-message-bubble{color:#f4f7f5}.ai-chat-status{color:var(--muted);align-items:center;gap:5px;margin-top:2px;font-size:13px;display:flex}.status-dot{background:#22cc8e;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot}.ai-chat-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.ai-chat-close svg{width:18px;height:18px}.ai-chat-close:hover{color:var(--fg)}.ai-chat-messages{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:1;gap:12px;padding:18px;display:flex;overflow-y:auto}.ai-message{align-items:flex-start;gap:8px;display:flex}.ai-message--user{flex-direction:row-reverse}.ai-message-avatar{color:#fff;background:linear-gradient(135deg,#22cc8e 0%,#8a66ff 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ai-message-avatar svg{width:16px;height:16px}.ai-message-bubble{max-width:80%;color:var(--fg);border-radius:16px;padding:12px 16px;font-size:15px;line-height:1.55}.ai-message--assistant .ai-message-bubble{background:#ffffff0f;border:1px solid #ffffff12;border-radius:4px 14px 14px}.ai-message--user .ai-message-bubble{color:var(--fg);background:linear-gradient(135deg,#2ee6a633 0%,#8a66ff26 100%);border:1px solid #2ee6a640;border-radius:14px 4px 14px 14px}.ai-typing-indicator{align-items:center;gap:5px;padding:12px 16px;display:flex}.ai-typing-indicator span{background:#fff6;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite typing-bounce}.ai-typing-indicator span:nth-child(2){animation-delay:.2s}.ai-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.ai-suggestions{flex-wrap:wrap;flex-shrink:0;gap:6px;padding:0 16px 16px;display:flex}.ai-suggestion-chip{color:#82d4b8;cursor:pointer;white-space:nowrap;background:#2ee6a612;border:1px solid #2ee6a633;border-radius:100px;padding:8px 13px;font-size:13px;transition:all .2s}.ai-suggestion-chip:hover{color:#22cc8e;background:#2ee6a626;border-color:#2ee6a666}.ai-suggestion-chip:disabled{opacity:.45;cursor:not-allowed}.ai-chat-input-area{border-top:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:8px;padding:14px 16px;display:flex}.ai-chat-input{color:var(--fg);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;flex:1;padding:12px 15px;font-family:inherit;font-size:14px;transition:border-color .2s}.ai-chat-input:focus{border-color:#2ee6a666}.ai-chat-input::placeholder{color:#ffffff4d}:root[data-theme=light] .ai-chat-input{color:#f4f7f5}:root[data-theme=light] .ai-chat-panel{color:#0b0c0f;background:#fff;border:1px solid #0f172a1f;box-shadow:0 24px 70px #0f172a2e}:root[data-theme=light] .ai-chat-header{background:#fff;border-bottom:1px solid #0f172a1a}:root[data-theme=light] .ai-chat-name,:root[data-theme=light] .ai-message-bubble{color:#0b0c0f}:root[data-theme=light] .ai-chat-status,:root[data-theme=light] .ai-chat-close{color:#4b5563}:root[data-theme=light] .ai-message--assistant .ai-message-bubble{background:#f8fafc;border-color:#0f172a1a}:root[data-theme=light] .ai-message--user .ai-message-bubble{color:#0b0c0f;background:linear-gradient(135deg,#2ee6a624 0%,#8a66ff1f 100%)}:root[data-theme=light] .ai-chat-input-area{border-top:1px solid #0f172a1a}:root[data-theme=light] .ai-chat-input{color:#0b0c0f;background:#fff;border-color:#0f172a24}:root[data-theme=light] .ai-chat-input::placeholder{color:#6b7280}.ai-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22cc8e 0%,#8a66ff 100%);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:opacity .2s,transform .2s;display:flex}.ai-send-btn:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.ai-send-btn:disabled{opacity:.4;cursor:not-allowed}.ai-send-btn svg{width:18px;height:18px}@media (width<=480px){.ai-chat-panel{width:calc(100vw - 32px);max-height:calc(100vh - 120px);bottom:96px;right:16px}.ai-chat-fab{width:60px;height:60px;bottom:20px;right:16px}}.hero-spacer{flex:1}.hero-scroll-hint{opacity:.4;cursor:default;z-index:2;flex-direction:column;align-items:center;gap:4px;padding-bottom:32px;transition:opacity .3s;display:flex}.hero-scroll-hint:hover{opacity:.7}.scroll-hint-text{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.scroll-hint-arrow{width:20px;height:20px;color:var(--muted);animation:2s ease-in-out infinite bounce-arrow}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.cursor-glow{pointer-events:none;z-index:3;opacity:.9;filter:blur(10px);mix-blend-mode:screen;will-change:transform;background:radial-gradient(circle,#2ee6a629 0%,#45b7d117 28%,#8a66ff0f 48%,#0000 70%);border-radius:50%;width:640px;height:640px;position:fixed;top:0;left:0}:root[data-theme=light] .cursor-glow{mix-blend-mode:multiply;opacity:.72;background:radial-gradient(circle,#168c651f 0%,#1b9a8f14 32%,#c777000f 52%,#0000 72%)}.scroll-reveal{opacity:0;transition:opacity .65s cubic-bezier(.4,0,.2,1),transform .65s cubic-bezier(.4,0,.2,1);transform:translateY(22px)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.section-eyebrow.scroll-reveal{transition-delay:0s}.section-title.scroll-reveal{transition-delay:.1s}.section-sub.scroll-reveal{transition-delay:.18s}.contact-item.scroll-reveal:first-child{transition-delay:50ms}.contact-item.scroll-reveal:nth-child(2){transition-delay:.15s}.contact-social.scroll-reveal{transition-delay:.25s}.contact-form.scroll-reveal{transition-delay:80ms}.education-card.scroll-reveal:first-child{transition-delay:.1s}.education-card.scroll-reveal:nth-child(2){transition-delay:.22s}.experience-card,.skill-card{opacity:0;transition:opacity .55s cubic-bezier(.4,0,.2,1),transform .55s cubic-bezier(.4,0,.2,1),border-color .3s,box-shadow .3s;transition-delay:calc(var(--card-index,0)*.12s);transform:translateY(32px)}.experience-card.card-visible,.skill-card.card-visible{opacity:1;transform:translateY(0)}.magnetic-btn{will-change:transform;transition:transform .25s cubic-bezier(.23,1,.32,1),background .3s,box-shadow .3s,border-color .3s,color .3s!important}.panel-image{will-change:transform;transition:transform .1s linear}@media (prefers-reduced-motion:reduce){.cursor-glow{display:none}.scroll-reveal,.experience-card,.skill-card{opacity:1;transition:none;transform:none}.magnetic-btn{transition:background .3s,box-shadow .3s!important}}.shimmer-btn{position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,background .3s,border-color .3s,color .3s!important}.shimmer-btn:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:70px;height:100%;transition:left;position:absolute;top:0;left:-120%;transform:skew(-18deg)}.shimmer-btn:hover:after{transition:left .55s;left:140%}.visual-panel{transform-style:preserve-3d;will-change:transform;cursor:pointer;transition:transform .15s ease-out,box-shadow .15s ease-out}.visual-panel .image-panel,.visual-panel .panel-image{transform:none!important}@media (prefers-reduced-motion:reduce){.shimmer-btn:after{display:none}.visual-panel{transition:none}}.ai-powered-badge{text-transform:uppercase;letter-spacing:.08em;color:#a88aff;vertical-align:middle;background:linear-gradient(135deg,#22cc8e26,#8a66ff26);border:1px solid #8a66ff4d;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-block}.ai-no-key-note{color:#ffffff4d;text-align:center;border-top:1px solid #ffffff0a;padding:8px 16px;font-size:11px}.ai-no-key-note code{color:#22cc8e99;font-family:Courier New,monospace;font-size:10px}
/*# sourceMappingURL=app.4f4359db.css.map */