:root{--hero-bg-primary: #0a0a0a;--hero-bg-secondary: #111111;--hero-text-primary: #ffffff;--hero-text-secondary: #a0a0a0;--hero-text-muted: #666666;--hero-accent-primary: #7c3aed;--hero-accent-secondary: #8b5cf6;--hero-accent-tertiary: #a855f7;--hero-accent-deep: #6d28d9;--hero-accent-light: #e9d5ff;--hero-gradient-primary: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 25%, #a855f7 50%, #8b5cf6 75%, #7c3aed 100%);--hero-gradient-secondary: linear-gradient(135deg, rgba(124, 58, 237, .08) 0%, rgba(139, 92, 246, .06) 50%, rgba(168, 85, 247, .08) 100%);--hero-gradient-text: linear-gradient(135deg, #ffffff 0%, #e9d5ff 50%, #ffffff 100%);--hero-gradient-glow: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 25%, #a855f7 50%, #8b5cf6 75%, #7c3aed 100%);--hero-space-xs: clamp(.25rem, 1vw, .5rem);--hero-space-sm: clamp(.5rem, 2vw, 1rem);--hero-space-md: clamp(1rem, 3vw, 1.5rem);--hero-space-lg: clamp(1.5rem, 4vw, 2rem);--hero-space-xl: clamp(2rem, 5vw, 3rem);--hero-font-size-xs: clamp(.75rem, 2vw, .875rem);--hero-font-size-sm: clamp(.875rem, 2.5vw, 1rem);--hero-font-size-md: clamp(1rem, 3vw, 1.125rem);--hero-font-size-lg: clamp(1.125rem, 3.5vw, 1.25rem);--hero-font-size-xl: clamp(1.25rem, 4vw, 1.5rem);--hero-font-size-2xl: clamp(1.5rem, 5vw, 2rem);--hero-font-size-3xl: clamp(2rem, 6vw, 3rem);--hero-font-size-4xl: clamp(2.5rem, 8vw, 4rem);--hero-font-size-5xl: clamp(3rem, 10vw, 5rem);--hero-shadow-sm: 0 1px 3px rgba(124, 58, 237, .15);--hero-shadow-md: 0 4px 6px rgba(124, 58, 237, .1);--hero-shadow-lg: 0 10px 15px rgba(124, 58, 237, .15);--hero-shadow-xl: 0 20px 25px rgba(124, 58, 237, .2);--hero-shadow-glow: 0 0 20px rgba(124, 58, 237, .25), 0 0 40px rgba(139, 92, 246, .15);--hero-shadow-glow-intense: 0 0 30px rgba(124, 58, 237, .4), 0 0 60px rgba(139, 92, 246, .2), 0 0 90px rgba(168, 85, 247, .1);--hero-radius-sm: 8px;--hero-radius-md: 12px;--hero-radius-lg: 16px;--hero-radius-xl: 24px;--hero-radius-full: 9999px;--hero-transition-fast: .15s ease-out;--hero-transition-normal: .3s ease-out;--hero-transition-slow: .5s ease-out;--hero-z-background: 1;--hero-z-content: 2;--hero-z-overlay: 3}.hero{position:relative;min-height:100vh;height:100vh;max-height:100vh;background:var(--hero-bg-primary);color:var(--hero-text-primary);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:var(--hero-space-sm);box-sizing:border-box}@media (max-width: 1024px){.hero{padding-top:calc(var(--hero-space-sm) * 1.2);padding-bottom:calc(var(--hero-space-sm) * 1.2)}}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(124,58,237,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.06) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(168,85,247,.04) 0%,transparent 50%),radial-gradient(circle at 60% 20%,rgba(109,40,217,.06) 0%,transparent 50%);animation:thanosGlow 10s ease-in-out infinite;z-index:var(--hero-z-background)}.hero__gradient-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(124,58,237,.06) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.04) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(168,85,247,.03) 0%,transparent 50%),radial-gradient(circle at 60% 20%,rgba(109,40,217,.05) 0%,transparent 50%);background-size:200% 200%;z-index:var(--hero-z-background);animation:thanosBackground 15s ease-in-out infinite}.hero__grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;z-index:var(--hero-z-background);opacity:.3}.hero__particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--hero-z-background);pointer-events:none}.hero__particle{position:absolute;border-radius:50%;background:var(--hero-gradient-primary);opacity:.1;animation:particleFloat 8s ease-in-out infinite}.hero__particle--1{width:4px;height:4px;top:20%;left:10%;animation-delay:0s}.hero__particle--2{width:6px;height:6px;top:60%;right:15%;animation-delay:2s}.hero__particle--3{width:3px;height:3px;bottom:30%;left:20%;animation-delay:4s}.hero__container{position:relative;z-index:var(--hero-z-content);width:100%;height:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center}.hero__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--hero-space-lg);width:100%;height:100%;text-align:center}@media (min-width: 565px){.hero__content{flex-direction:row;text-align:left;align-items:center;justify-content:space-between;gap:var(--hero-space-xl)}}.hero__text-section{display:flex;flex-direction:column;align-items:center;gap:var(--hero-space-md);max-width:100%}@media (min-width: 565px){.hero__text-section{align-items:flex-start;max-width:50%;gap:var(--hero-space-lg)}}.hero__badge{display:inline-flex;align-items:center;padding:var(--hero-space-xs) var(--hero-space-sm);background:#7c3aed14;border:1px solid rgba(124,58,237,.2);border-radius:var(--hero-radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--hero-shadow-glow);position:relative;overflow:hidden}.hero__badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.2),transparent);transition:left 1s}.hero__badge:hover:before{left:100%}.hero__badge-text{font-family:Inter,sans-serif;font-size:var(--hero-font-size-xs);font-weight:500;color:var(--hero-accent-light);letter-spacing:.5px;text-transform:uppercase;text-shadow:0 0 8px rgba(124,58,237,.3)}.hero__title{display:flex;flex-direction:column;gap:var(--hero-space-xs);margin:0;line-height:1}.hero__title-line{font-family:Poppins,sans-serif;font-size:var(--hero-font-size-5xl);font-weight:700;color:var(--hero-text-primary);letter-spacing:-.02em;line-height:.9;background:var(--hero-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__title-subtitle{font-family:Poppins,sans-serif;font-size:var(--hero-font-size-3xl);font-weight:600;color:var(--hero-accent-primary);letter-spacing:-.01em;line-height:1;text-shadow:0 0 15px rgba(124,58,237,.4)}.hero__role{display:flex;align-items:center;justify-content:center;gap:var(--hero-space-xs);flex-wrap:wrap}@media (min-width: 565px){.hero__role{justify-content:flex-start}}.hero__role-text{font-family:Inter,sans-serif;font-size:var(--hero-font-size-md);font-weight:500;color:var(--hero-text-secondary);letter-spacing:.02em}.hero__role-separator{font-family:Inter,sans-serif;font-size:var(--hero-font-size-md);font-weight:400;color:var(--hero-text-muted)}.hero__description{font-family:Inter,sans-serif;font-size:var(--hero-font-size-lg);line-height:1.6;color:var(--hero-text-secondary);font-weight:400;max-width:32ch;margin:0}@media (min-width: 768px){.hero__description{max-width:40ch}}.hero__actions{display:flex;flex-direction:column;gap:var(--hero-space-sm);width:100%;max-width:280px}@media (min-width: 768px){.hero__actions{flex-direction:row;align-items:stretch;max-width:none;gap:var(--hero-space-md)}}.hero__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--hero-space-xs);padding:var(--hero-space-sm) var(--hero-space-lg);border:none;border-radius:var(--hero-radius-md);font-family:Inter,sans-serif;font-size:var(--hero-font-size-sm);font-weight:600;text-decoration:none;cursor:pointer;transition:var(--hero-transition-normal);min-height:48px;position:relative;overflow:hidden;letter-spacing:.02em}.hero__btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left 1s}.hero__btn:hover:before{left:100%}.hero__btn--primary{background:var(--hero-gradient-primary);color:#fff;box-shadow:var(--hero-shadow-glow);border:1px solid rgba(124,58,237,.2)}.hero__btn--primary:hover{transform:translateY(-2px);box-shadow:var(--hero-shadow-glow-intense);border-color:#7c3aed66}.hero__btn--primary:active{transform:translateY(-1px);box-shadow:var(--hero-shadow-lg)}.hero__btn--secondary{background:#7c3aed0f;color:var(--hero-accent-light);border:1px solid rgba(124,58,237,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--hero-shadow-glow)}.hero__btn--secondary:hover{background:#7c3aed1f;border-color:#7c3aed66;transform:translateY(-2px);box-shadow:var(--hero-shadow-glow-intense)}.hero__btn--secondary:active{transform:translateY(-1px)}.hero__btn-icon{font-size:var(--hero-font-size-md)}.hero__linkedin{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;align-self:stretch;flex-shrink:0;min-height:48px;padding:var(--hero-space-sm) var(--hero-space-lg);margin:0;background:none;border:1px solid transparent;border-radius:var(--hero-radius-md);box-shadow:none;color:var(--hero-accent-light);text-decoration:none;cursor:pointer;transition:color var(--hero-transition-normal),opacity var(--hero-transition-normal)}.hero__linkedin:hover{color:var(--hero-text-primary);opacity:1}.hero__linkedin:focus-visible{outline:2px solid var(--hero-accent-primary);outline-offset:3px}@media (min-width: 768px){.hero__linkedin{width:auto}}.hero__linkedin-icon{font-size:clamp(1.5rem,4vw,2rem);line-height:1;flex-shrink:0}.hero__image-section{display:flex;justify-content:center;align-items:center;order:-1}@media (min-width: 565px){.hero__image-section{order:1}}.hero__image-container,.hero__image-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.hero__image{width:clamp(168px,42vw,336px);height:clamp(168px,42vw,336px);border-radius:var(--hero-radius-full);object-fit:cover;object-position:center 30%;border:3px solid rgba(124,58,237,.25);box-shadow:0 0 25px #7c3aed40,0 0 50px #8b5cf626,0 0 75px #a855f714;transition:var(--hero-transition-normal)}.hero__image:hover{transform:scale(1.05);box-shadow:0 0 40px #7c3aed66,0 0 80px #8b5cf633,0 0 120px #a855f71a;border-color:#7c3aed80}.hero__image-glow{position:absolute;inset:-10px;border-radius:var(--hero-radius-full);background:var(--hero-gradient-glow);opacity:.2;filter:blur(20px);z-index:-1;animation:thanosGlow 8s ease-in-out infinite}.hero__decorative{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.hero__decorative-ring{position:absolute;border:2px solid rgba(124,58,237,.15);border-radius:50%;animation:ringRotate 20s linear infinite;box-shadow:0 0 15px #7c3aed33}.hero__decorative-ring--1{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width: 768px){.hero__decorative-ring--1{width:300px;height:300px}}.hero__decorative-ring--2{width:150px;height:150px;top:50%;left:50%;transform:translate(-50%,-50%);animation-direction:reverse;animation-duration:15s;border-color:#8b5cf626;box-shadow:0 0 12px #8b5cf633}@media (min-width: 768px){.hero__decorative-ring--2{width:220px;height:220px}}.hero__decorative-dot{position:absolute;width:5px;height:5px;background:var(--hero-accent-primary);border-radius:50%;animation:dotFloat 6s ease-in-out infinite;box-shadow:0 0 8px #7c3aed66}.hero__decorative-dot--1{top:20%;right:20%;animation-delay:0s}.hero__decorative-dot--2{bottom:30%;left:15%;animation-delay:3s}@keyframes particleFloat{0%,to{transform:translateY(0) rotate(0);opacity:.1}50%{transform:translateY(-20px) rotate(180deg);opacity:.3}}@keyframes glowPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}@keyframes ringRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes dotFloat{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-10px);opacity:1}}@keyframes thanosGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes thanosBackground{0%,to{background-position:0% 50%;opacity:.6}25%{background-position:100% 50%;opacity:.7}50%{background-position:100% 100%;opacity:.65}75%{background-position:0% 100%;opacity:.7}}@media (max-width: 480px){.hero{padding:var(--hero-space-xs)}.hero__content{gap:var(--hero-space-md)}.hero__text-section{gap:var(--hero-space-sm)}.hero__title-line{font-size:var(--hero-font-size-4xl)}.hero__title-subtitle{font-size:var(--hero-font-size-2xl)}.hero__description{font-size:var(--hero-font-size-md);line-height:1.5}.hero__actions{max-width:100%}.hero__btn,.hero__linkedin{padding:var(--hero-space-sm) var(--hero-space-md);min-height:44px}.hero__image{width:clamp(192px,48vw,240px);height:clamp(192px,48vw,240px)}}@media (max-height: 600px){.hero__content,.hero__text-section{gap:var(--hero-space-sm)}.hero__title-line{font-size:var(--hero-font-size-3xl)}.hero__title-subtitle{font-size:var(--hero-font-size-xl)}.hero__description{font-size:var(--hero-font-size-sm);line-height:1.4}.hero__btn,.hero__linkedin{padding:var(--hero-space-xs) var(--hero-space-sm);min-height:40px}.hero__image{width:clamp(144px,36vw,192px);height:clamp(144px,36vw,192px)}}@media (max-width: 320px){.hero__image{width:clamp(168px,54vw,216px);height:clamp(168px,54vw,216px)}.hero__content{gap:var(--hero-space-lg)}.hero__text-section{gap:var(--hero-space-md)}.hero__title{gap:var(--hero-space-sm)}.hero__actions{gap:var(--hero-space-md);margin-top:var(--hero-space-md)}.hero__description{margin-bottom:var(--hero-space-sm)}}@media (prefers-reduced-motion: reduce){.hero__gradient-bg,.hero__particle,.hero__decorative-ring,.hero__decorative-dot,.hero__image-glow{animation:none}.hero__btn:hover,.hero__image:hover{transform:none}}@media (prefers-contrast: high){.hero__badge{background:#7c3aed1a;border-color:var(--hero-accent-primary)}.hero__btn--secondary{background:#7c3aed0f;border-color:var(--hero-accent-light)}.hero__social-link{background:#ffffff1a;border-color:var(--hero-text-primary)}}:root{--about-bg: var(--bg-primary);--about-bg-secondary: var(--bg-secondary);--about-text-primary: var(--text-primary);--about-text-secondary: var(--text-secondary);--about-accent: var(--color-primary);--about-accent-hover: var(--color-primary-dark);--about-border: var(--border-primary);--about-card-bg: rgba(124, 58, 237, .05);--about-shadow: var(--shadow-lg);--about-shadow-glow: var(--shadow-glow);--about-radius: var(--radius-lg);--about-transition: var(--transition-normal)}.about{position:relative;min-height:100vh;background:var(--about-bg);color:var(--about-text-primary);padding:4rem 1rem;overflow:hidden}@media (min-width: 768px){.about{padding:6rem 2rem}}@media (min-width: 1024px){.about{padding:8rem 3rem}}@media (min-width: 1440px){.about{padding:10rem 4rem}}.about__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.about__background-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 70%,rgba(124,58,237,.06) 0%,rgba(124,58,237,.03) 30%,transparent 60%)}.about__background-gradient:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 70% 30%,rgba(139,92,246,.04) 0%,rgba(139,92,246,.02) 30%,transparent 60%)}.about__background-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.02) 1px,transparent 0);background-size:60px 60px;opacity:.3}.about__container{position:relative;z-index:2;max-width:1400px;margin:0 auto}.about__header{text-align:center;margin-bottom:4rem}@media (min-width: 768px){.about__header{margin-bottom:5rem}}@media (min-width: 1024px){.about__header{margin-bottom:6rem}}.about__badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:50px;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 768px){.about__badge{padding:.75rem 1.5rem;margin-bottom:2rem}}.about__badge-text{font-size:.875rem;font-weight:500;color:var(--about-accent)}@media (min-width: 768px){.about__badge-text{font-size:1rem}}.about__title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width: 768px){.about__title{font-size:3.5rem;margin-bottom:1.5rem}}@media (min-width: 1024px){.about__title{font-size:4rem}}@media (min-width: 1440px){.about__title{font-size:4.5rem}}.about__subtitle{font-size:1.125rem;color:var(--about-text-secondary);max-width:600px;margin:0 auto}@media (min-width: 768px){.about__subtitle{font-size:1.25rem}}.about__content{display:grid;gap:3rem;margin-bottom:4rem}@media (min-width: 1024px){.about__content{grid-template-columns:1fr 1fr;gap:4rem;align-items:start}}@media (min-width: 1440px){.about__content{gap:6rem}}.about__text-content{order:2}@media (min-width: 1024px){.about__text-content{order:1}}.about__description-wrapper{margin-bottom:3rem}.about__description-title{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:var(--about-text-primary)}@media (min-width: 768px){.about__description-title{font-size:1.75rem;margin-bottom:1.5rem}}.about__description{font-size:1.125rem;line-height:1.7;color:var(--about-text-secondary);margin:0}@media (min-width: 768px){.about__description{font-size:1.25rem}}.about__cursor{color:var(--about-accent);animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.about__highlights{display:flex;flex-direction:column;gap:1.5rem}.about__highlight-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--about-card-bg);border:1px solid var(--about-border);border-radius:var(--about-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--about-transition)}@media (min-width: 768px){.about__highlight-item{padding:2rem;gap:1.5rem}}.about__highlight-item:hover{border-color:#7c3aed4d;box-shadow:0 20px 40px -10px #0000004d}.about__highlight-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:50%;color:var(--about-accent);flex-shrink:0}@media (min-width: 768px){.about__highlight-icon{width:3.5rem;height:3.5rem}}.about__highlight-icon svg{width:1.5rem;height:1.5rem}@media (min-width: 768px){.about__highlight-icon svg{width:1.75rem;height:1.75rem}}.about__highlight-content{flex:1}.about__highlight-content h4{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--about-text-primary)}@media (min-width: 768px){.about__highlight-content h4{font-size:1.25rem;margin-bottom:.75rem}}.about__highlight-content p{font-size:1rem;line-height:1.6;color:var(--about-text-secondary);margin:0}@media (min-width: 768px){.about__highlight-content p{font-size:1.125rem}}.about__tech-section{order:1}@media (min-width: 1024px){.about__tech-section{order:2}}.about__tech-title{font-size:1.5rem;font-weight:600;margin:0 0 2rem;color:var(--about-text-primary);text-align:center}@media (min-width: 768px){.about__tech-title{font-size:1.75rem;margin-bottom:2.5rem}}@media (min-width: 1024px){.about__tech-title{text-align:left}}.about__tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem}@media (min-width: 768px){.about__tech-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2rem}}@media (min-width: 1024px){.about__tech-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.about__tech-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem}.about__tech-icon-wrapper{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:var(--about-card-bg);border:1px solid var(--about-border);border-radius:var(--about-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--about-transition)}@media (min-width: 768px){.about__tech-icon-wrapper{width:5rem;height:5rem}}.about__tech-icon-wrapper:hover{border-color:#7c3aed4d;box-shadow:0 10px 30px -10px #0000004d}.about__tech-icon{width:2.5rem;height:2.5rem;object-fit:contain}@media (min-width: 768px){.about__tech-icon{width:3rem;height:3rem}}.about__tech-name{font-size:.875rem;font-weight:500;color:var(--about-text-secondary)}@media (min-width: 768px){.about__tech-name{font-size:1rem}}.about__cta{text-align:center;padding:3rem 2rem;background:var(--about-card-bg);border:1px solid var(--about-border);border-radius:var(--about-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 768px){.about__cta{padding:4rem 3rem}}.about__cta-text{font-size:1.125rem;line-height:1.6;color:var(--about-text-secondary);margin:0 0 2rem;max-width:600px;margin-left:auto;margin-right:auto}@media (min-width: 768px){.about__cta-text{font-size:1.25rem;margin-bottom:2.5rem}}.about__cta-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background:linear-gradient(135deg,var(--about-accent) 0%,var(--about-accent-hover) 100%);color:#fff;border:none;border-radius:var(--about-radius);font-size:1.125rem;font-weight:600;cursor:pointer;transition:var(--about-transition);box-shadow:var(--about-shadow)}@media (min-width: 768px){.about__cta-button{padding:1.25rem 2.5rem;font-size:1.25rem}}.about__cta-button:hover{transform:translateY(-2px);box-shadow:0 35px 60px -12px #7c3aed4d}@media (max-width: 767px){.about__content{gap:2rem}.about__tech-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.about__tech-icon-wrapper{width:3.5rem;height:3.5rem}.about__tech-icon{width:2rem;height:2rem}}@media (prefers-contrast: high){.about__border{border-color:#ffffff4d}.about__background-pattern{opacity:.6}}@media (prefers-reduced-motion: reduce){.about__tech-icon-wrapper{animation:none}}@media print{.about__background,.about__tech-icon-wrapper{display:none}.about{background:#fff;color:#000}}:root{--projects-bg: var(--bg-primary);--projects-bg-secondary: var(--bg-secondary);--projects-text-primary: var(--text-primary);--projects-text-secondary: var(--text-secondary);--projects-accent: var(--color-primary);--projects-accent-hover: var(--color-primary-dark);--projects-border: var(--border-primary);--projects-card-bg: rgba(124, 58, 237, .05);--projects-shadow: var(--shadow-lg);--projects-shadow-glow: var(--shadow-glow);--projects-radius: var(--radius-lg);--projects-transition: var(--transition-normal)}.projects{position:relative;min-height:100vh;background:var(--projects-bg);color:var(--projects-text-primary);padding:4rem 1rem 2rem;overflow:hidden}@media (min-width: 768px){.projects{padding:6rem 2rem 3rem}}@media (min-width: 1024px){.projects{padding:8rem 3rem 4rem}}@media (min-width: 1440px){.projects{padding:10rem 4rem 5rem}}.projects__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.projects__background-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 70% 30%,rgba(124,58,237,.06) 0%,rgba(124,58,237,.03) 30%,transparent 60%)}.projects__background-gradient:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 70%,rgba(139,92,246,.04) 0%,rgba(139,92,246,.02) 30%,transparent 60%)}.projects__background-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.02) 1px,transparent 0);background-size:60px 60px;opacity:.3}.projects__container{position:relative;z-index:2;max-width:1400px;margin:0 auto}.projects__header{text-align:center;margin-bottom:4rem}@media (min-width: 768px){.projects__header{margin-bottom:5rem}}@media (min-width: 1024px){.projects__header{margin-bottom:6rem}}.projects__badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:50px;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 768px){.projects__badge{padding:.75rem 1.5rem;margin-bottom:2rem}}.projects__badge-text{font-size:.875rem;font-weight:500;color:var(--projects-accent)}@media (min-width: 768px){.projects__badge-text{font-size:1rem}}.projects__title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width: 768px){.projects__title{font-size:3.5rem;margin-bottom:1.5rem}}@media (min-width: 1024px){.projects__title{font-size:4rem}}@media (min-width: 1440px){.projects__title{font-size:4.5rem}}.projects__subtitle{font-size:1.125rem;color:var(--projects-text-secondary);max-width:700px;margin:0 auto}@media (min-width: 768px){.projects__subtitle{font-size:1.25rem}}.projects__grid{display:grid;gap:2rem;margin-bottom:4rem}@media (min-width: 768px){.projects__grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin-bottom:5rem}}@media (min-width: 1024px){.projects__grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem}}@media (min-width: 1440px){.projects__grid{grid-template-columns:repeat(3,1fr);gap:3.5rem}}.projects__swiper-container{margin-bottom:4rem}@media (min-width: 803px){.projects__swiper-container{margin-bottom:5rem}}.projects__swiper{padding:1rem 0 3rem}.projects__swiper .swiper-slide{display:flex;justify-content:center;height:auto}.projects__swiper .swiper-button-next,.projects__swiper .swiper-button-prev{color:var(--projects-accent);background:#00000080;width:40px;height:40px;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--projects-transition)}.projects__swiper .swiper-button-next:hover,.projects__swiper .swiper-button-prev:hover{background:#000000b3;transform:scale(1.1)}.projects__swiper .swiper-button-next:after,.projects__swiper .swiper-button-prev:after{font-size:1rem;font-weight:700}@media (min-width: 480px){.projects__swiper .swiper-button-next,.projects__swiper .swiper-button-prev{width:50px;height:50px}.projects__swiper .swiper-button-next:after,.projects__swiper .swiper-button-prev:after{font-size:1.25rem}}.projects__swiper .swiper-pagination{position:relative;bottom:0;margin-top:2rem}.projects__swiper .swiper-pagination .swiper-pagination-bullet{background:var(--projects-accent);opacity:.5;transition:var(--projects-transition)}.projects__swiper .swiper-pagination .swiper-pagination-bullet-active{opacity:1;transform:scale(1.2)}.projects__swiper .projects__card{width:100%;max-width:400px;height:auto;min-height:380px;display:flex;flex-direction:column}.projects__swiper .projects__card .projects__card-image{flex-shrink:0}.projects__swiper .projects__card .projects__card-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.projects__swiper .projects__card .projects__card-content .projects__card-title{margin-bottom:.5rem}.projects__swiper .projects__card .projects__card-content .projects__card-tech{margin-top:.5rem}.projects__card{background:var(--projects-card-bg);border:1px solid var(--projects-border);border-radius:var(--projects-radius);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--projects-transition);cursor:pointer}.projects__card:hover{border-color:#7c3aed4d;box-shadow:0 20px 40px -10px #0000004d}.projects__card-image{position:relative;width:100%;height:250px;overflow:hidden}@media (min-width: 768px){.projects__card-image{height:280px}}@media (min-width: 1024px){.projects__card-image{height:300px}}.projects__card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.projects__card-image:hover img{transform:scale(1.05)}.projects__card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--projects-transition)}.projects__card:hover .projects__card-overlay{opacity:1}.projects__card-button{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--projects-accent);color:#fff;border:none;border-radius:var(--projects-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--projects-transition)}.projects__card-button:hover{background:var(--projects-accent-hover);transform:scale(1.05)}.projects__card-button svg{font-size:1.125rem}.projects__card-content{padding:1.5rem}@media (min-width: 768px){.projects__card-content{padding:2rem}}.projects__card-title{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:var(--projects-text-primary);white-space:pre-line;line-height:1.3}@media (min-width: 768px){.projects__card-title{font-size:1.5rem;margin-bottom:1.25rem}}.projects__card-tech{display:flex;flex-wrap:wrap;gap:.5rem}.projects__card-tech-tag{padding:.375rem .75rem;background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:20px;font-size:.75rem;font-weight:500;color:var(--projects-accent)}@media (min-width: 768px){.projects__card-tech-tag{padding:.5rem 1rem;font-size:.875rem}}.projects__card-tech-more{padding:.375rem .75rem;background:#ffffff1a;border:1px solid var(--projects-border);border-radius:20px;font-size:.75rem;font-weight:500;color:var(--projects-text-secondary)}@media (min-width: 768px){.projects__card-tech-more{padding:.5rem 1rem;font-size:.875rem}}.projects__card-github{display:inline-flex;align-items:center;gap:.4rem;margin-top:.75rem;font-size:.8125rem;font-weight:600;color:var(--projects-accent);text-decoration:none;width:fit-content}.projects__card-github svg{flex-shrink:0;font-size:1rem}.projects__card-github:hover{text-decoration:underline;text-underline-offset:3px}@media (min-width: 768px){.projects__card-github{margin-top:1rem;font-size:.875rem}}.projects__modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:.5rem;box-sizing:border-box}@media (min-width: 480px){.projects__modal-overlay{padding:1rem}}@media (min-width: 768px){.projects__modal-overlay{padding:1.5rem}}@media (min-width: 1024px){.projects__modal-overlay{padding:2rem}}@media (min-width: 1440px){.projects__modal-overlay{padding:2.5rem}}@media (min-width: 1920px){.projects__modal-overlay{padding:3rem}}@media (min-width: 2560px){.projects__modal-overlay{padding:4rem}}@media (min-width: 3840px){.projects__modal-overlay{padding:5rem}}.projects__modal{background:var(--projects-bg);border:1px solid var(--projects-border);border-radius:var(--projects-radius);width:calc(100vw - 1rem);max-width:calc(100vw - 1rem);height:calc(100vh - 1rem);max-height:calc(100vh - 1rem);overflow:hidden;position:relative;display:flex;flex-direction:column;box-sizing:border-box}@media (min-width: 480px){.projects__modal{width:calc(100vw - 2rem);max-width:calc(100vw - 2rem);height:calc(100vh - 2rem);max-height:calc(100vh - 2rem)}}@media (min-width: 768px){.projects__modal{width:calc(100vw - 3rem);max-width:calc(100vw - 3rem);height:calc(100vh - 3rem);max-height:calc(100vh - 3rem)}}@media (min-width: 1024px){.projects__modal{width:800px;max-width:800px;height:calc(100vh - 4rem);max-height:calc(100vh - 4rem)}}@media (min-width: 1440px){.projects__modal{width:900px;max-width:900px;height:calc(100vh - 5rem);max-height:calc(100vh - 5rem)}}@media (min-width: 1920px){.projects__modal{width:1000px;max-width:1000px;height:calc(100vh - 6rem);max-height:calc(100vh - 6rem)}}@media (min-width: 2560px){.projects__modal{width:1200px;max-width:1200px;height:calc(100vh - 8rem);max-height:calc(100vh - 8rem)}}@media (min-width: 3840px){.projects__modal{width:1400px;max-width:1400px;height:calc(100vh - 10rem);max-height:calc(100vh - 10rem)}}.projects__modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--projects-border);flex-shrink:0}@media (min-width: 480px){.projects__modal-header{padding:1.5rem}}@media (min-width: 768px){.projects__modal-header{padding:2rem}}@media (min-width: 1024px){.projects__modal-header{padding:2.5rem}}.projects__modal-title{font-size:1.125rem;font-weight:600;margin:0;color:var(--projects-text-primary);line-height:1.3;flex:1;padding-right:1rem;word-wrap:break-word}@media (min-width: 480px){.projects__modal-title{font-size:1.25rem}}@media (min-width: 768px){.projects__modal-title{font-size:1.5rem}}@media (min-width: 1024px){.projects__modal-title{font-size:1.75rem}}@media (min-width: 1440px){.projects__modal-title{font-size:2rem}}.projects__modal-close{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#ffffff1a;border:1px solid var(--projects-border);border-radius:50%;color:var(--projects-text-secondary);cursor:pointer;transition:var(--projects-transition);flex-shrink:0;min-width:2.5rem}@media (min-width: 480px){.projects__modal-close{width:3rem;height:3rem;min-width:3rem}}@media (min-width: 768px){.projects__modal-close{width:3.5rem;height:3.5rem;min-width:3.5rem}}@media (min-width: 1024px){.projects__modal-close{width:4rem;height:4rem;min-width:4rem}}.projects__modal-close:hover{background:#ffffff26;color:var(--projects-text-primary)}.projects__modal-close svg{font-size:1rem}@media (min-width: 480px){.projects__modal-close svg{font-size:1.125rem}}@media (min-width: 768px){.projects__modal-close svg{font-size:1.25rem}}@media (min-width: 1024px){.projects__modal-close svg{font-size:1.5rem}}.projects__modal-content{padding:1rem;flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1.5rem;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(124,58,237,.5) rgba(255,255,255,.1)}.projects__modal-content::-webkit-scrollbar{width:6px}.projects__modal-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.projects__modal-content::-webkit-scrollbar-thumb{background:#7c3aed80;border-radius:3px}.projects__modal-content::-webkit-scrollbar-thumb:hover{background:#7c3aedb3}@media (min-width: 480px){.projects__modal-content{padding:1.5rem;gap:1.75rem}}@media (min-width: 768px){.projects__modal-content{padding:2rem;gap:2rem}}@media (min-width: 1024px){.projects__modal-content{padding:2.5rem;gap:2.5rem}}@media (min-width: 1440px){.projects__modal-content{gap:3rem}}@media (min-width: 1920px){.projects__modal-content{padding:3rem;gap:3.5rem}}@media (min-width: 2560px){.projects__modal-content{padding:4rem;gap:4rem}}@media (min-width: 3840px){.projects__modal-content{padding:5rem;gap:5rem}}.projects__modal-image{width:100%;cursor:pointer;border-radius:calc(var(--projects-radius) - 4px);position:relative;flex-shrink:0}.projects__modal-image img{width:100%;height:auto;border-radius:calc(var(--projects-radius) - 4px);border:1px solid var(--projects-border);display:block}.projects__modal-image:after{content:"Click to enlarge";position:absolute;bottom:.5rem;right:.5rem;background:#000000b3;color:#fff;padding:.375rem .5rem;border-radius:4px;font-size:.625rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (min-width: 480px){.projects__modal-image:after{bottom:.625rem;right:.625rem;padding:.5rem .625rem;font-size:.75rem}}@media (min-width: 768px){.projects__modal-image:after{bottom:.75rem;right:.75rem;padding:.5rem .75rem;font-size:.75rem}}.projects__modal-details{display:flex;flex-direction:column;gap:1.5rem;flex:1}@media (min-width: 480px){.projects__modal-details{gap:1.75rem}}@media (min-width: 768px){.projects__modal-details{gap:2rem}}.projects__modal-description h4,.projects__modal-tech h4{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:var(--projects-text-primary)}@media (min-width: 480px){.projects__modal-description h4,.projects__modal-tech h4{font-size:1.125rem;margin-bottom:1rem}}@media (min-width: 768px){.projects__modal-description h4,.projects__modal-tech h4{font-size:1.25rem}}@media (min-width: 1024px){.projects__modal-description h4,.projects__modal-tech h4{font-size:1.375rem}}.projects__modal-description ul{margin:0;padding-left:1.25rem;color:var(--projects-text-secondary);line-height:1.5}@media (min-width: 480px){.projects__modal-description ul{padding-left:1.5rem;line-height:1.6}}.projects__modal-description li{margin-bottom:.5rem;font-size:.875rem}@media (min-width: 480px){.projects__modal-description li{margin-bottom:.625rem;font-size:.9375rem}}@media (min-width: 768px){.projects__modal-description li{margin-bottom:.75rem;font-size:1rem}}.projects__modal-description li:last-child{margin-bottom:0}.projects__modal-tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}@media (min-width: 480px){.projects__modal-tech-tags{gap:.625rem}}@media (min-width: 768px){.projects__modal-tech-tags{gap:.75rem}}.projects__modal-tech-tag{padding:.375rem .75rem;background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:20px;font-size:.75rem;font-weight:500;color:var(--projects-accent)}@media (min-width: 480px){.projects__modal-tech-tag{padding:.5rem 1rem;font-size:.8125rem}}@media (min-width: 768px){.projects__modal-tech-tag{font-size:.875rem}}.projects__enlarged-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem}.projects__enlarged-container{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.projects__enlarged-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 25px 50px -15px #00000080}.projects__enlarged-close{position:absolute;top:-3rem;right:0;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.projects__enlarged-close:hover{background:#fff3;transform:scale(1.1)}.projects__enlarged-close svg{font-size:1.25rem}@media (max-width: 767px){.projects__grid{grid-template-columns:1fr;gap:1.5rem}.projects__card-image{height:200px}}@media (max-width: 320px){.projects__modal-overlay{padding:.25rem}.projects__modal{width:calc(100vw - .5rem);max-width:calc(100vw - .5rem);height:calc(100vh - .5rem);max-height:calc(100vh - .5rem)}.projects__modal-header{padding:.75rem}.projects__modal-content{padding:.75rem;gap:1rem}.projects__modal-content::-webkit-scrollbar{width:4px}.projects__modal-title{font-size:1rem;padding-right:.75rem}.projects__modal-close{width:2rem;height:2rem;min-width:2rem}.projects__modal-close svg{font-size:.875rem}}@media (prefers-contrast: high){.projects__border{border-color:#ffffff4d}.projects__background-pattern{opacity:.6}}@media (prefers-reduced-motion: reduce){.projects__card-image img,.projects__card-button{transition:none}}@media print{.projects__background,.projects__card-overlay{display:none}.projects{background:#fff;color:#000}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{inset:0;opacity:0;overflow:hidden;position:fixed;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));inset:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{display:flex;justify-content:flex-end;inset:0 0 auto auto;padding:var(--yarl__toolbar_padding,8px);position:absolute}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--skills-bg: var(--bg-primary);--skills-bg-secondary: var(--bg-secondary);--skills-text-primary: var(--text-primary);--skills-text-secondary: var(--text-secondary);--skills-accent: var(--color-primary);--skills-accent-hover: var(--color-primary-dark);--skills-border: var(--border-primary);--skills-card-bg: rgba(124, 58, 237, .05);--skills-shadow: var(--shadow-lg);--skills-shadow-glow: var(--shadow-glow);--skills-radius: var(--radius-lg);--skills-transition: var(--transition-normal)}.skills{position:relative;min-height:100vh;background:var(--skills-bg);color:var(--skills-text-primary);padding:4rem 1rem 2rem;overflow:hidden}@media (min-width: 768px){.skills{padding:6rem 2rem 3rem}}@media (min-width: 1024px){.skills{padding:8rem 3rem 4rem}}@media (min-width: 1440px){.skills{padding:10rem 4rem 5rem}}@media (max-width: 803px){.skills{padding-bottom:1rem}}.skills__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.skills__background-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,rgba(124,58,237,.06) 0%,rgba(124,58,237,.03) 30%,transparent 60%)}.skills__background-gradient:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(139,92,246,.04) 0%,rgba(139,92,246,.02) 30%,transparent 60%)}.skills__background-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.02) 1px,transparent 0);background-size:60px 60px;opacity:.3}.skills__container{position:relative;z-index:2;max-width:1400px;margin:0 auto}.skills__header{text-align:center;margin-bottom:4rem}@media (min-width: 768px){.skills__header{margin-bottom:5rem}}@media (min-width: 1024px){.skills__header{margin-bottom:6rem}}.skills__badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:50px;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 768px){.skills__badge{padding:.75rem 1.5rem;margin-bottom:2rem}}.skills__badge-text{font-size:.875rem;font-weight:500;color:var(--skills-accent)}@media (min-width: 768px){.skills__badge-text{font-size:1rem}}.skills__title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width: 768px){.skills__title{font-size:3.5rem;margin-bottom:1.5rem}}@media (min-width: 1024px){.skills__title{font-size:4rem}}@media (min-width: 1440px){.skills__title{font-size:4.5rem}}.skills__subtitle{font-size:1.125rem;color:var(--skills-text-secondary);max-width:700px;margin:0 auto}@media (min-width: 768px){.skills__subtitle{font-size:1.25rem}}.skills__grid{display:grid;gap:2rem;margin-bottom:4rem}@media (min-width: 768px){.skills__grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin-bottom:5rem}}@media (min-width: 1024px){.skills__grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem}}@media (min-width: 1440px){.skills__grid{grid-template-columns:repeat(3,1fr);gap:3.5rem}}.skills__swiper-container{margin-bottom:4rem}@media (min-width: 803px){.skills__swiper-container{margin-bottom:5rem}}.skills__swiper{padding:1rem 0 3rem}.skills__swiper .swiper-slide{display:flex;justify-content:center;height:auto}.skills__swiper .swiper-button-next,.skills__swiper .swiper-button-prev{color:var(--skills-accent);background:#00000080;width:40px;height:40px;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--skills-transition)}.skills__swiper .swiper-button-next:hover,.skills__swiper .swiper-button-prev:hover{background:#000000b3;transform:scale(1.1)}.skills__swiper .swiper-button-next:after,.skills__swiper .swiper-button-prev:after{font-size:1rem;font-weight:700}@media (min-width: 480px){.skills__swiper .swiper-button-next,.skills__swiper .swiper-button-prev{width:50px;height:50px}.skills__swiper .swiper-button-next:after,.skills__swiper .swiper-button-prev:after{font-size:1.25rem}}.skills__swiper .swiper-pagination{position:relative;bottom:0;margin-top:2rem}.skills__swiper .swiper-pagination .swiper-pagination-bullet{background:var(--skills-accent);opacity:.5;transition:var(--skills-transition)}.skills__swiper .swiper-pagination .swiper-pagination-bullet-active{opacity:1;transform:scale(1.2)}.skills__swiper .skills__category{width:100%;max-width:400px;height:auto;min-height:400px;display:flex;flex-direction:column}.skills__swiper .skills__category .skills__category-header{flex-shrink:0}.skills__swiper .skills__category .skills__category-skills{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.skills__category{background:var(--skills-card-bg);border:1px solid var(--skills-border);border-radius:var(--skills-radius);padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--skills-transition)}@media (min-width: 768px){.skills__category{padding:2.5rem}}.skills__category:hover{border-color:#7c3aed4d;box-shadow:0 20px 40px -10px #0000004d}.skills__category-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid}@media (min-width: 768px){.skills__category-header{gap:1.5rem;margin-bottom:2.5rem}}.skills__category-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:#ffffff1a;border-radius:50%;flex-shrink:0}@media (min-width: 768px){.skills__category-icon{width:3.5rem;height:3.5rem}}.skills__category-icon svg{font-size:1.5rem}@media (min-width: 768px){.skills__category-icon svg{font-size:1.75rem}}.skills__category-icon img{width:1.5rem;height:1.5rem;object-fit:contain}@media (min-width: 768px){.skills__category-icon img{width:1.75rem;height:1.75rem}}.skills__category-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--skills-text-primary)}@media (min-width: 768px){.skills__category-title{font-size:1.5rem}}.skills__category-skills{display:grid;gap:1rem}@media (min-width: 768px){.skills__category-skills{gap:1.25rem}}.skills__skill-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid var(--skills-border);border-radius:calc(var(--skills-radius) - 4px);transition:var(--skills-transition)}@media (min-width: 768px){.skills__skill-item{padding:1.25rem;gap:1.25rem}}.skills__skill-item:hover{background:#ffffff14;border-color:#fff3}.skills__skill-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#ffffff1a;border-radius:50%;flex-shrink:0}@media (min-width: 768px){.skills__skill-icon{width:3rem;height:3rem}}.skills__skill-icon svg{font-size:1.125rem}@media (min-width: 768px){.skills__skill-icon svg{font-size:1.25rem}}.skills__skill-icon img{width:1.125rem;height:1.125rem;object-fit:contain}@media (min-width: 768px){.skills__skill-icon img{width:1.25rem;height:1.25rem}}.skills__skill-name{font-size:1rem;font-weight:500;color:var(--skills-text-primary)}@media (min-width: 768px){.skills__skill-name{font-size:1.125rem}}.skills__summary{margin-bottom:4rem}@media (min-width: 768px){.skills__summary{margin-bottom:5rem}}.skills__summary-content{background:var(--skills-card-bg);border:1px solid var(--skills-border);border-radius:var(--skills-radius);padding:3rem 2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 768px){.skills__summary-content{padding:4rem 3rem}}.skills__summary-title{font-size:1.75rem;font-weight:600;margin:0 0 1.5rem;color:var(--skills-text-primary)}@media (min-width: 768px){.skills__summary-title{font-size:2rem;margin-bottom:2rem}}.skills__summary-text{font-size:1.125rem;line-height:1.6;color:var(--skills-text-secondary);margin:0 0 3rem;max-width:800px;margin-left:auto;margin-right:auto}@media (min-width: 768px){.skills__summary-text{font-size:1.25rem;margin-bottom:4rem}}.skills__summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:600px;margin:0 auto}@media (min-width: 768px){.skills__summary-stats{gap:3rem}}.skills__summary-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem}.skills__summary-stat-number{font-size:2.5rem;font-weight:700;color:var(--skills-accent)}@media (min-width: 768px){.skills__summary-stat-number{font-size:3rem}}.skills__summary-stat-label{font-size:.875rem;font-weight:500;color:var(--skills-text-secondary);text-align:center}@media (min-width: 768px){.skills__summary-stat-label{font-size:1rem}}.skills__cta{text-align:center;padding:3rem 2rem;background:var(--skills-card-bg);border:1px solid var(--skills-border);border-radius:var(--skills-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 768px){.skills__cta{padding:4rem 3rem}}.skills__cta-text{font-size:1.125rem;line-height:1.6;color:var(--skills-text-secondary);margin:0 0 2rem;max-width:600px;margin-left:auto;margin-right:auto}@media (min-width: 768px){.skills__cta-text{font-size:1.25rem;margin-bottom:2.5rem}}.skills__cta-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background:linear-gradient(135deg,var(--skills-accent) 0%,var(--skills-accent-hover) 100%);color:#fff;border:none;border-radius:var(--skills-radius);font-size:1.125rem;font-weight:600;cursor:pointer;transition:var(--skills-transition);box-shadow:var(--skills-shadow)}@media (min-width: 768px){.skills__cta-button{padding:1.25rem 2.5rem;font-size:1.25rem}}.skills__cta-button:hover{transform:translateY(-2px);box-shadow:0 35px 60px -12px #7c3aed4d}@media (max-width: 767px){.skills__grid,.skills__summary-stats{grid-template-columns:1fr;gap:1.5rem}.skills__category{padding:1.5rem}.skills__category-header{flex-direction:column;text-align:center;gap:1rem}}@media (max-width: 480px){.skills__category-skills{gap:.75rem}.skills__skill-item{padding:.75rem;gap:.75rem}.skills__skill-icon{width:2rem;height:2rem}.skills__skill-icon svg{font-size:1rem}.skills__skill-name{font-size:.875rem}}@media (prefers-contrast: high){.skills__border{border-color:#ffffff4d}.skills__background-pattern{opacity:.6}}@media (prefers-reduced-motion: reduce){.skills__category,.skills__skill-item{transition:none}}@media print{.skills__background,.skills__category-icon,.skills__skill-icon{display:none}.skills{background:#fff;color:#000}.skills__summary-stats{grid-template-columns:repeat(3,1fr)}}:root{--contact-bg: var(--bg-primary);--contact-bg-secondary: var(--bg-secondary);--contact-text-primary: var(--text-primary);--contact-text-secondary: var(--text-secondary);--contact-accent: var(--color-primary);--contact-accent-hover: var(--color-primary-dark);--contact-border: var(--border-primary);--contact-card-bg: rgba(124, 58, 237, .05);--contact-shadow: var(--shadow-lg);--contact-shadow-glow: var(--shadow-glow);--contact-radius: var(--radius-lg);--contact-transition: var(--transition-normal);--contact-success: var(--color-success);--contact-error: var(--color-error)}.contact{position:relative;min-height:100vh;background:var(--contact-bg);color:var(--contact-text-primary);padding:4rem 1rem;overflow:hidden}@media (min-width: 768px){.contact{padding:6rem 2rem}}@media (min-width: 1024px){.contact{padding:8rem 3rem}}@media (min-width: 1440px){.contact{padding:10rem 4rem}}.contact,.contact *{box-sizing:border-box}.contact__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.contact__background-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(124,58,237,.06) 0%,rgba(124,58,237,.03) 30%,transparent 60%)}.contact__background-gradient:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,rgba(139,92,246,.04) 0%,rgba(139,92,246,.02) 30%,transparent 60%)}.contact__background-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.02) 1px,transparent 0);background-size:60px 60px;opacity:.3}.contact__container{position:relative;z-index:2;max-width:1400px;margin:0 auto}.contact__header{text-align:center;margin-bottom:3rem}@media (min-width: 768px){.contact__header{margin-bottom:4rem}}@media (min-width: 1024px){.contact__header{margin-bottom:5rem}}.contact__badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:50px;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 768px){.contact__badge{padding:.75rem 1.5rem;margin-bottom:2rem}}.contact__badge-text{font-size:.875rem;font-weight:500;color:var(--contact-accent)}@media (min-width: 768px){.contact__badge-text{font-size:1rem}}.contact__title{font-size:2rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width: 768px){.contact__title{font-size:3rem;margin-bottom:1.5rem}}@media (min-width: 1024px){.contact__title{font-size:3.5rem}}@media (min-width: 1440px){.contact__title{font-size:4rem}}.contact__subtitle{font-size:1rem;color:var(--contact-text-secondary);max-width:600px;margin:0 auto;line-height:1.6}@media (min-width: 768px){.contact__subtitle{font-size:1.125rem}}.contact__content{display:grid;grid-template-columns:1fr;gap:3rem}@media (min-width: 1024px){.contact__content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;align-items:start}}@media (min-width: 1440px){.contact__content{gap:5rem}}.contact__form-wrapper{order:2}@media (min-width: 1024px){.contact__form-wrapper{order:2}}.contact__form-header{margin-bottom:2rem;text-align:center}@media (min-width: 1024px){.contact__form-header{text-align:left}}.contact__form-header h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--contact-text-primary)}@media (min-width: 768px){.contact__form-header h3{font-size:1.75rem;margin-bottom:.75rem}}.contact__form-header p{font-size:.875rem;color:var(--contact-text-secondary);margin:0;line-height:1.5}@media (min-width: 768px){.contact__form-header p{font-size:1rem}}.contact__form{background:#ffffff09;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px -10px #00000073}@media (min-width: 768px){.contact__form{padding:2.5rem}}@media (min-width: 1024px){.contact__form{padding:3rem}}.contact__form-row{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.75rem}@media (min-width: 768px){.contact__form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;margin-bottom:2rem}}.contact__form-group{min-width:0;margin-bottom:1.5rem}.contact__form-group:last-of-type{margin-bottom:2rem}@media (min-width: 768px){.contact__form-group{margin-bottom:2rem}.contact__form-group:last-of-type{margin-bottom:2.5rem}}.contact__form-label{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--contact-text-secondary);margin-bottom:.5rem}@media (min-width: 768px){.contact__form-label{font-size:.875rem;margin-bottom:.6rem;gap:.6rem}}.contact__form-icon{color:var(--contact-accent);font-size:1rem}@media (min-width: 768px){.contact__form-icon{font-size:1.125rem}}.contact__form-input,.contact__form-textarea{width:100%;max-width:100%;padding:0 1rem;height:52px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:var(--contact-text-primary);font-size:.95rem;font-family:inherit;transition:var(--contact-transition);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (min-width: 768px){.contact__form-input,.contact__form-textarea{height:54px;font-size:1rem}}.contact__form-input::placeholder,.contact__form-textarea::placeholder{color:var(--contact-text-secondary);opacity:.8}.contact__form-input:focus,.contact__form-textarea:focus{outline:none;border-color:var(--contact-accent);background:#ffffff14;box-shadow:0 0 0 4px #7c3aed24}.contact__form-input:disabled,.contact__form-textarea:disabled{opacity:.6;cursor:not-allowed}.contact__form-textarea{padding:.85rem 1rem;height:auto;min-height:140px;resize:vertical}@media (min-width: 768px){.contact__form-textarea{min-height:160px}}.contact__form-submit{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;height:54px;background:linear-gradient(135deg,var(--contact-accent) 0%,var(--contact-accent-hover) 100%);color:#fff;border:0;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:var(--contact-transition);box-shadow:0 14px 40px -12px #7c3aed73}@media (min-width: 768px){.contact__form-submit{height:58px;font-size:1.05rem}}.contact__form-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 50px -12px #7c3aed8c}.contact__form-submit:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:0 10px 28px -12px #7c3aed59}.contact__form-submit span{font-weight:600}.contact__form-submit-icon{font-size:1.125rem}@media (min-width: 768px){.contact__form-submit-icon{font-size:1.25rem}}.contact__form-spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact__info-wrapper{order:1}@media (min-width: 1024px){.contact__info-wrapper{order:1}}.contact__info-header{margin-bottom:2rem;text-align:center}@media (min-width: 1024px){.contact__info-header{text-align:left}}.contact__info-header h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--contact-text-primary)}@media (min-width: 768px){.contact__info-header h3{font-size:1.75rem;margin-bottom:.75rem}}.contact__info-header p{font-size:.875rem;color:var(--contact-text-secondary);margin:0;line-height:1.5}@media (min-width: 768px){.contact__info-header p{font-size:1rem}}.contact__info-grid{display:grid;gap:1.5rem;margin-bottom:2rem}@media (min-width: 768px){.contact__info-grid{gap:2rem;margin-bottom:2.5rem}}.contact__info-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--contact-transition)}@media (min-width: 768px){.contact__info-item{padding:1.5rem 1.75rem;gap:1.25rem}}.contact__info-item:hover{border-color:#7c3aed59;box-shadow:0 16px 36px -14px #00000059}.contact__info-icon-wrapper{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:50%;color:var(--contact-accent);flex-shrink:0}@media (min-width: 768px){.contact__info-icon-wrapper{width:3rem;height:3rem}}.contact__info-icon{font-size:1rem}@media (min-width: 768px){.contact__info-icon{font-size:1.25rem}}.contact__info-content{flex:1}.contact__info-content h4{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:var(--contact-text-primary)}@media (min-width: 768px){.contact__info-content h4{font-size:1.125rem;margin-bottom:.75rem}}.contact__info-content p{font-size:.875rem;color:var(--contact-text-primary);margin:0 0 .25rem;font-weight:500}@media (min-width: 768px){.contact__info-content p{font-size:1rem;margin-bottom:.5rem}}.contact__info-note{font-size:.75rem;color:var(--contact-text-secondary);display:block;line-height:1.4}@media (min-width: 768px){.contact__info-note{font-size:.875rem}}.contact__info-cta{text-align:center;padding:2rem;background:var(--contact-card-bg);border:1px solid var(--contact-border);border-radius:var(--contact-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 768px){.contact__info-cta{padding:2.5rem}}.contact__info-cta h4{font-size:1.25rem;font-weight:600;margin:0 0 .75rem;color:var(--contact-text-primary)}@media (min-width: 768px){.contact__info-cta h4{font-size:1.5rem;margin-bottom:1rem}}.contact__info-cta p{font-size:.875rem;color:var(--contact-text-secondary);margin:0;line-height:1.5}@media (min-width: 768px){.contact__info-cta p{font-size:1rem}}.swal-custom-popup{background:#1a1a1a!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important}.swal-custom-title{color:#fff!important;font-size:1.5rem!important;font-weight:600!important}.swal-custom-content{color:#a0a0a0!important;font-size:1rem!important;line-height:1.5!important}@media (max-width: 767px){.contact__form{padding:1.5rem}.contact__form-row{grid-template-columns:1fr;gap:1rem}.contact__info-item{padding:1.25rem;gap:.75rem}.contact__info-icon-wrapper{width:2rem;height:2rem}.contact__info-icon{font-size:.875rem}.contact__info-cta{padding:1.5rem}}@media (max-width: 480px){.contact{padding:4rem .75rem}.contact__title{font-size:1.75rem}.contact__subtitle{font-size:.875rem}.contact__form{padding:1.25rem}.contact__form-submit{padding:.875rem 1.5rem;font-size:.875rem}}@media (prefers-contrast: high){.contact__border{border-color:#ffffff4d}.contact__background-pattern{opacity:.6}}@media (prefers-reduced-motion: reduce){.contact__form-spinner{animation:none}.contact__form-submit:hover{transform:none}}@media print{.contact__background,.contact__form-submit{display:none}.contact{background:#fff;color:#000}}*{margin:0;padding:0;box-sizing:border-box}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-heading: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", sans-serif;--font-size-xs: clamp(.75rem, .68rem + .3vw, .875rem);--font-size-sm: clamp(.875rem, .82rem + .3vw, 1rem);--font-size-base: clamp(1rem, .94rem + .4vw, 1.125rem);--font-size-md: clamp(1.125rem, 1.03rem + .6vw, 1.375rem);--font-size-lg: clamp(1.25rem, 1.1rem + 1vw, 1.75rem);--font-size-xl: clamp(1.5rem, 1.2rem + 1.6vw, 2.25rem);--font-size-2xl: clamp(2rem, 1.6rem + 2.5vw, 3rem);--font-size-3xl: clamp(2.5rem, 2.1rem + 3.2vw, 4rem);--font-size-4xl: clamp(3rem, 2.4rem + 4vw, 4.5rem);--leading-tight: 1.15;--leading-normal: 1.5;--leading-relaxed: 1.7;--tracking-tight: -.01em;--tracking-normal: .01em;--tracking-wide: .03em;--color-primary: #7c3aed;--color-primary-light: #8b5cf6;--color-primary-lighter: #a855f7;--color-primary-dark: #6d28d9;--color-primary-lightest: #e9d5ff;--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #666666;--text-accent: #e9d5ff;--gradient-primary: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 25%, #a855f7 50%, #8b5cf6 75%, #7c3aed 100%);--gradient-secondary: linear-gradient(135deg, rgba(124, 58, 237, .08) 0%, rgba(139, 92, 246, .06) 50%, rgba(168, 85, 247, .08) 100%);--shadow-sm: 0 1px 3px rgba(124, 58, 237, .15);--shadow-md: 0 4px 6px rgba(124, 58, 237, .1);--shadow-lg: 0 10px 15px rgba(124, 58, 237, .15);--shadow-xl: 0 20px 25px rgba(124, 58, 237, .2);--shadow-glow: 0 0 20px rgba(124, 58, 237, .25), 0 0 40px rgba(139, 92, 246, .15);--shadow-glow-intense: 0 0 30px rgba(124, 58, 237, .4), 0 0 60px rgba(139, 92, 246, .2), 0 0 90px rgba(168, 85, 247, .1);--border-primary: rgba(124, 58, 237, .2);--border-secondary: rgba(124, 58, 237, .15);--border-accent: rgba(124, 58, 237, .3);--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-xs: clamp(.25rem, 1vw, .5rem);--space-sm: clamp(.5rem, 2vw, 1rem);--space-md: clamp(1rem, 3vw, 1.5rem);--space-lg: clamp(1.5rem, 4vw, 2rem);--space-xl: clamp(2rem, 5vw, 3rem);--transition-fast: .15s ease-out;--transition-normal: .3s ease-out;--transition-slow: .5s ease-out}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#fff}#root{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.app{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden;background-color:#0a0a0a}.main-content{width:100%;margin:0;padding:0;overflow-x:hidden}section{width:100%;margin:0;padding:0;overflow-x:hidden}button{border:none;background:none;cursor:pointer;font-family:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto}*{max-width:100%}@media (max-width: 320px){html,body,#root,.app,.main-content{overflow-x:hidden!important;width:100%!important;max-width:100%!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:var(--tracking-tight);color:#fff}h1{font-size:var(--font-size-3xl);line-height:var(--leading-tight);font-weight:800}h2{font-size:var(--font-size-2xl);line-height:var(--leading-tight);font-weight:800}h3{font-size:var(--font-size-xl);line-height:var(--leading-tight);font-weight:700}h4{font-size:var(--font-size-lg);line-height:var(--leading-tight);font-weight:700}h5{font-size:var(--font-size-md);line-height:var(--leading-tight);font-weight:600}h6{font-size:var(--font-size-base);line-height:var(--leading-tight);font-weight:600}p,li,span,a,button,input,textarea{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:#e5e7eb}small{font-size:var(--font-size-sm)}.subtitle,.muted,.helper-text{color:#9ca3af;font-size:var(--font-size-sm);line-height:var(--leading-relaxed)}.hero__title,.projects__title,.skills__title,.about__title,.contact__title{font-weight:800;letter-spacing:var(--tracking-tight)}.hero__subtitle,.projects__subtitle,.skills__subtitle{font-size:var(--font-size-md);line-height:var(--leading-relaxed)}