:root{--bg:#0b0c0f;--bg-elev:#121318;--fg:#e6e6e6;--muted:#a3a3a3;--accent:#2ee6a6;--accent-2:#86fff0;--card:#15171d;--ring:#2ee6a640;--radius:20px;--max:100%}*{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}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;backdrop-filter:blur(8px);background:#4b4b4b59;border:none;border-radius:100px;width:auto;padding:8px;position:fixed;top:20px;left:50%;transform:translate(-50%)}.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}.chip{color:#fff;background:0 0;border:none;padding:8px 16px;font-size:14px;transition:all .3s;position:relative}.chip:hover{opacity:.8}.chip.active{background:#ffffff26;border-radius:8px}.chip.active:before{content:"";opacity:.8;background:#fff;border-radius:2px;width:20px;height:4px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.cta{background:#fff;border:none;border-radius:100px;margin-left:8px;padding:8px 16px}.cta strong{color:#000;background:0 0;padding:0;font-weight:500}.hero{background:var(--bg);justify-content:center;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,#ff6b6b 0%,#4ecdc4 25%,#45b7d1 50%,#96ceb4 75%,#ffeaa7 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,#ff6b6b 0%,#4ecdc4 25%,#45b7d1 50%,#96ceb4 75%,#ffeaa7 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:.5rem;max-width:800px;margin:0 auto;padding:0 20px;display:flex;transform:translateY(-5vh)}.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,#4ecdc4 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,#45b7d1 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,#ff6b6b 20%,#4ecdc4 48%,#45b7d1 52%,#96ceb4 76%,#ffeaa7 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,#ff6b6b 0%,#4ecdc4 25%,#45b7d1 50%,#96ceb4 75%,#ffeaa7 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:flex-start;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:400px;padding:60px;display:flex}.experience-cards{flex-direction:column;flex:2;gap:32px;display:flex}.experience-card{animation:.6s ease-out forwards slideInUp;animation-delay:calc(var(--card-index,0)*.1s);opacity:0;background:#15171d;border:1px solid #2ee6a633;border-radius:16px;align-items:flex-start;gap:20px;padding:32px;transition:all .3s;display:flex;position:relative;overflow:hidden;transform:translateY(30px)}.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}.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,#ff6b6b 0%,#4ecdc4 25%,#45b7d1 50%,#96ceb4 75%,#ffeaa7 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{animation:.6s ease-out forwards slideInUp;animation-delay:calc(var(--card-index,0)*.1s);opacity:0;background:#15171d;border:1px solid #2ee6a633;border-radius:16px;align-items:flex-start;gap:20px;padding:32px;transition:all .3s;display:flex;position:relative;overflow:hidden;transform:translateY(30px)}.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}.cta strong{padding:10px 12px}}@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{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,#ff6b6b 0%,#4ecdc4 25%,#45b7d1 50%,#96ceb4 75%,#ffeaa7 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(32px,4vw,48px);font-weight:700;line-height:1.2}.project-title a{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ff6b6b 0%,#4ecdc4 25%,#45b7d1 50%,#96ceb4 75%,#ffeaa7 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(--accent);background:#2ee6a61a;border:1px solid #2ee6a64d;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s}.tech-tag:hover{background:#2ee6a633;border-color:#2ee6a680;transform:translateY(-2px)}.project-actions{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%,#17d7a0 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%,#17d7a0 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:all .8s;transform:translate(-24px)}.reveal-right{opacity:0;transition:all .8s;transform:translate(24px)}.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,#ff6b6b 0%,#4ecdc4 25%,#45b7d1 50%,#96ceb4 75%,#ffeaa7 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;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;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{animation:.6s ease-out forwards slideInUp;animation-delay:calc(var(--card-index,0)*.1s);opacity:0;background:#15171d;border:1px solid #2ee6a633;border-radius:16px;flex-direction:column;gap:20px;padding:32px;transition:all .3s;display:flex;position:relative;overflow:hidden;transform:translateY(30px)}.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}.skill-card-skills{flex-wrap:wrap;gap:8px;display:flex}.skill-pill{color:var(--fg);cursor:pointer;user-select:none;background:#ffffff0d;border:1px solid #0000;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .3s}.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,#17d7a0)}.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-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}.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:#ff6b6b;box-shadow:0 0 0 4px #ff6b6b1a}.error-message{color:#ff6b6b;margin-top:6px;font-size:14px}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4ecdc4 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,#45b7d1 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-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-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}
/*# sourceMappingURL=path0.335cac8b.css.map */