@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--color-primary:#fff;--color-secondary:#2563eb;--color-secondary-light:#3b82f6;--color-secondary-dark:#1d4ed8;--color-secondary-50:#eff6ff;--color-secondary-100:#dbeafe;--color-secondary-200:#bfdbfe;--color-accent-navy:#0f172a;--color-accent-navy-light:#1e293b;--color-accent-gray:#f1f5f9;--color-accent-gray-dark:#e2e8f0;--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-text-white:#fff;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-success:#10b981;--color-warning:#f59e0b;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-2xl:0 25px 50px -12px #00000026;--shadow-blue:0 4px 14px 0 #2563eb40;--shadow-blue-lg:0 10px 30px 0 #2563eb4d;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-overlay:400;--z-modal:500;--container-max:1200px;--container-padding:1.5rem;--navbar-height:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background-color:var(--color-secondary);color:var(--color-text-white)}img{max-width:100%;height:auto;display:block}a{color:inherit;transition:color var(--transition-base);text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;font-family:var(--font-family);background:0 0;border:none;outline:none}input,textarea{font-family:var(--font-family);border:none;outline:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.container{width:100%;max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.section{padding:var(--space-24) 0}.section--gray{background-color:var(--color-accent-gray)}.section--navy{background-color:var(--color-accent-navy)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-accent-gray)}::-webkit-scrollbar-thumb{background:var(--color-secondary-200);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}@media (width<=768px){:root{--font-size-5xl:2.25rem;--font-size-6xl:2.75rem;--font-size-4xl:1.875rem;--font-size-3xl:1.5rem}.section{padding:var(--space-16) 0}}@media (width<=480px){:root{--font-size-5xl:1.875rem;--font-size-6xl:2.25rem;--font-size-4xl:1.5rem;--font-size-3xl:1.25rem;--container-padding:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes pulse{0%,to{box-shadow:0 0 #2563eb66}50%{box-shadow:0 0 0 12px #2563eb00}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes drawLine{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .6s,transform .6s;transform:translate(-40px)}.reveal-left.revealed{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .6s,transform .6s;transform:translate(40px)}.reveal-right.revealed{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity .6s,transform .6s;transform:scale(.85)}.reveal-scale.revealed{opacity:1;transform:scale(1)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.delay-6{transition-delay:.6s}.animate-float{animation:4s ease-in-out infinite float}.animate-float-slow{animation:6s ease-in-out infinite floatSlow}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-rotate{animation:20s linear infinite rotate}.animate-gradient{background-size:200% 200%;animation:4s infinite gradientShift}.navbar{z-index:var(--z-fixed);height:var(--navbar-height);transition:all var(--transition-base);background:0 0;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(20px);background:#fffffff2;height:70px;box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008}.navbar__container{justify-content:space-between;align-items:center;display:flex}.navbar__logo{align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);z-index:var(--z-fixed);transition:transform var(--transition-base);display:flex}.navbar__logo:hover{transform:scale(1.02)}.navbar__logo-icon{mix-blend-mode:multiply}.navbar__logo-text{background:linear-gradient(135deg, var(--color-accent-navy), var(--color-secondary));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text}.navbar__menu{align-items:center;gap:var(--space-8);display:flex}.navbar__links{align-items:center;gap:var(--space-1);display:flex}.navbar__link{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-base);position:relative}.navbar__link:after{content:"";background:var(--color-secondary);border-radius:var(--radius-full);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.navbar__link:hover{color:var(--color-secondary)}.navbar__link:hover:after{width:20px}.navbar__link--active{color:var(--color-secondary);font-weight:var(--font-weight-semibold)}.navbar__link--active:after{width:20px}.navbar__cta{align-items:center;gap:var(--space-2);display:inline-flex}.navbar__hamburger{width:28px;height:28px;z-index:var(--z-fixed);cursor:pointer;flex-direction:column;justify-content:center;gap:5px;display:none}.navbar__hamburger span{background:var(--color-text-primary);border-radius:var(--radius-full);width:100%;height:2px;transition:all var(--transition-base);transform-origin:50%;display:block}.navbar__hamburger--active span:first-child{transform:translateY(7px)rotate(45deg)}.navbar__hamburger--active span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__hamburger--active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar__overlay{display:none}@media (width<=1024px){.navbar__hamburger{display:flex}.navbar__menu{background:var(--color-primary);width:320px;height:100vh;padding:var(--space-12) var(--space-8);justify-content:center;align-items:flex-start;gap:var(--space-8);box-shadow:var(--shadow-2xl);transition:right var(--transition-slow);z-index:calc(var(--z-fixed) - 1);flex-direction:column;position:fixed;top:0;right:-100%}.navbar__menu--open{right:0}.navbar__links{align-items:flex-start;gap:var(--space-2);flex-direction:column;width:100%}.navbar__link{font-size:var(--font-size-lg);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);width:100%}.navbar__link:hover{background:var(--color-accent-gray)}.navbar__link:after{display:none}.navbar__link--active{background:var(--color-secondary-50)}.navbar__cta{width:100%;padding:var(--space-4) var(--space-6);justify-content:center}.navbar__overlay{z-index:calc(var(--z-fixed) - 2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:block;position:fixed;inset:0}}@media (width<=480px){.navbar__menu{width:100%}}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-family);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);transition:all var(--transition-base);cursor:pointer;white-space:nowrap;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn--md{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.btn--primary{background:linear-gradient(135deg, var(--color-secondary), var(--color-secondary-dark));color:var(--color-text-white);box-shadow:var(--shadow-blue)}.btn--primary:hover{background:linear-gradient(135deg, var(--color-secondary-light), var(--color-secondary));box-shadow:var(--shadow-blue-lg);transform:translateY(-2px)}.btn--primary:active{transform:translateY(0)}.btn--secondary{color:var(--color-secondary);border:2px solid var(--color-secondary);background:0 0}.btn--secondary:hover{background:var(--color-secondary);color:var(--color-text-white);box-shadow:var(--shadow-blue);transform:translateY(-2px)}.btn--ghost{color:var(--color-text-primary);background:0 0}.btn--ghost:hover{background:var(--color-accent-gray);color:var(--color-secondary)}.btn--white{background:var(--color-primary);color:var(--color-secondary);box-shadow:var(--shadow-md)}.btn--white:hover{background:var(--color-accent-gray);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn__icon{transition:transform var(--transition-base);align-items:center;display:inline-flex}.btn:hover .btn__icon{transform:translate(3px)}.hero{min-height:100vh;padding-top:var(--navbar-height);align-items:center;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero__orb{filter:blur(80px);opacity:.5;border-radius:50%;position:absolute}.hero__orb--1{background:linear-gradient(135deg,#2563eb1a,#7c3aed1a);width:600px;height:600px;animation:12s ease-in-out infinite float;top:-20%;right:-10%}.hero__orb--2{background:linear-gradient(135deg,#10b9810d,#2563eb1a);width:500px;height:500px;animation:15s ease-in-out infinite floatSlow;bottom:-20%;left:-10%}.hero__orb--3{background:#2563eb14;width:300px;height:300px;animation:10s ease-in-out infinite reverse float;top:40%;left:30%}.hero__grid-pattern{background-image:linear-gradient(#2563eb08 1px,#0000 1px),linear-gradient(90deg,#2563eb08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero__container{z-index:1;gap:var(--space-12);padding-top:var(--space-20);padding-bottom:var(--space-20);grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.hero__content{animation:.8s cubic-bezier(.2,.8,.2,1) forwards fadeInLeft}.hero__badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-secondary);margin-bottom:var(--space-6);background:#2563eb14;border:1px solid #2563eb26;display:inline-flex}.hero__badge-dot{background:var(--color-success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.hero__title{font-size:var(--font-size-6xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-6);letter-spacing:-.03em;line-height:1.1}.hero__title-highlight{background:linear-gradient(135deg, var(--color-secondary), #1e3a8a);-webkit-text-fill-color:transparent;text-shadow:0 4px 12px #2563eb26;-webkit-background-clip:text;background-clip:text}.hero__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8);max-width:520px}.hero__actions{gap:var(--space-4);margin-bottom:var(--space-12);display:flex}.hero__stats{align-items:center;gap:var(--space-6);display:flex}.hero__stat{flex-direction:column;display:flex}.hero__stat-number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.hero__stat-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.hero__stat-divider{background:var(--color-border);width:1px;height:40px}.hero__visual{opacity:0;width:100%;animation:.8s cubic-bezier(.2,.8,.2,1) forwards fadeInRight;position:relative}.hero__logo-wrapper{padding:var(--space-8);z-index:2;justify-content:center;align-items:center;animation:6s ease-in-out infinite float;display:flex;position:relative}.hero__main-logo{object-fit:contain;filter:drop-shadow(0 20px 40px #2563eb40);width:100%;max-width:450px;height:auto;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:block}.hero__logo-wrapper:hover .hero__main-logo{transform:scale(1.05)translateY(-5px)}@media (width<=1024px){.hero__container{text-align:center;gap:var(--space-10);grid-template-columns:1fr}.hero__content{order:1}.hero__visual{order:2;max-width:600px;margin:0 auto}.hero__description{max-width:100%;margin-left:auto;margin-right:auto}.hero__actions,.hero__stats{justify-content:center}}@media (width<=768px){.hero{min-height:auto;padding-top:calc(var(--navbar-height) + var(--space-8));padding-bottom:var(--space-12)}.hero__title{font-size:var(--font-size-5xl)}.hero__actions{flex-direction:column;align-items:center}.hero__stats{gap:var(--space-4);flex-wrap:wrap}.hero__dashboard-cards{grid-template-columns:1fr}.hero__float-card{display:none}}@media (width<=480px){.hero__stat-divider{display:none}.hero__stats{gap:var(--space-6)}}.section-header{margin-bottom:var(--space-16)}.section-header--center{text-align:center}.section-header__badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-secondary-50);color:var(--color-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);margin-bottom:var(--space-4);letter-spacing:.02em;text-transform:uppercase;display:inline-flex}.section-header--light .section-header__badge{color:var(--color-secondary-200);background:#ffffff1a}.section-header__badge-dot{background:var(--color-secondary);border-radius:var(--radius-full);width:6px;height:6px;animation:2s ease-in-out infinite pulse}.section-header--light .section-header__badge-dot{background:var(--color-secondary-200)}.section-header__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin-bottom:var(--space-4);letter-spacing:-.02em}.section-header--light .section-header__title{color:var(--color-text-white)}.section-header__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;line-height:var(--line-height-relaxed)}.section-header--center .section-header__subtitle{margin:0 auto}.section-header--light .section-header__subtitle{color:var(--color-text-tertiary)}@media (width<=768px){.section-header{margin-bottom:var(--space-10)}.section-header__title{font-size:var(--font-size-3xl)}}.services{background:var(--color-accent-gray)}.services__grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.services__card{background:var(--color-primary);padding:var(--space-8);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-base);position:relative;overflow:hidden}.services__card:before{content:"";background:linear-gradient(90deg, var(--color-secondary), var(--color-secondary-light));transform-origin:0;height:3px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.services__card:hover{box-shadow:var(--shadow-xl);border-color:#0000;transform:translateY(-8px)}.services__card:hover:before{transform:scaleX(1)}.services__card-icon{background:var(--color-secondary-50);width:56px;height:56px;color:var(--color-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-5);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.services__card:hover .services__card-icon{background:var(--color-secondary);color:var(--color-text-white);transform:scale(1.05)}.services__card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--color-text-primary)}.services__card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-5)}.services__card-link{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-secondary);transition:all var(--transition-base);display:inline-flex}.services__card-link:hover{gap:var(--space-3)}@media (width<=1024px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.services__grid{grid-template-columns:1fr}.services__card{padding:var(--space-6)}}.about__grid{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about__image-wrapper{position:relative}.about__image-box{border-radius:var(--radius-xl);position:relative;overflow:hidden}.about__image-placeholder{aspect-ratio:4/3;background:linear-gradient(135deg, var(--color-secondary-50), var(--color-secondary-100));border-radius:var(--radius-xl);border:1px solid var(--color-secondary-200);justify-content:center;align-items:center;display:flex}.about__image-content{padding:var(--space-8);width:100%}.about__img-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.about__img-cell{align-items:center;gap:var(--space-2);padding:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);transition:transform var(--transition-base);background:#fffc;border:1px solid #ffffffe6;flex-direction:column;display:flex}.about__img-cell:hover{transform:translateY(-4px)}.about__img-icon{font-size:2rem}.about__img-cell span{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.about__experience-badge{background:var(--color-secondary);color:var(--color-text-white);padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-blue-lg);align-items:center;gap:var(--space-1);flex-direction:column;display:flex;position:absolute;bottom:-20px;right:-20px}.about__experience-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);line-height:1}.about__experience-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);opacity:.9;text-align:center;line-height:1.3}.about__content .section-header{margin-bottom:var(--space-6)}.about__text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.about__values{gap:var(--space-4);margin-top:var(--space-6);margin-bottom:var(--space-8);flex-direction:column;display:flex}.about__value{gap:var(--space-4);padding:var(--space-4);background:var(--color-accent-gray);border-radius:var(--radius-md);transition:all var(--transition-base);display:flex}.about__value:hover{background:var(--color-secondary-50);transform:translate(4px)}.about__value-icon{flex-shrink:0;margin-top:2px;font-size:1.5rem}.about__value-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);color:var(--color-text-primary)}.about__value-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.about__counters{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.about__counter{text-align:center;padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-accent-gray)}.about__counter-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-secondary);margin-bottom:var(--space-1);display:block}.about__counter-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}@media (width<=1024px){.about__grid{gap:var(--space-10);grid-template-columns:1fr}.about__image-wrapper{max-width:500px;margin:0 auto}}@media (width<=640px){.about__counters{gap:var(--space-3);grid-template-columns:1fr}.about__experience-badge{bottom:-15px;right:10px}}.features__grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.features__card{background:var(--color-primary);padding:var(--space-8);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--color-border-light);transition:all var(--transition-base);position:relative}.features__card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-secondary-200);transform:translateY(-6px)}.features__card-icon{width:72px;height:72px;margin:0 auto var(--space-5);background:linear-gradient(135deg, var(--color-secondary-50), var(--color-secondary-100));border-radius:var(--radius-lg);transition:all var(--transition-base);justify-content:center;align-items:center;font-size:1.75rem;display:flex}.features__card:hover .features__card-icon{background:linear-gradient(135deg, var(--color-secondary-100), var(--color-secondary-200));transform:scale(1.1)rotate(5deg)}.features__card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--color-text-primary)}.features__card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}@media (width<=1024px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.features__grid{grid-template-columns:1fr}.features__card{padding:var(--space-6)}}.why-choose__grid{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.why-choose__stats-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.why-choose__stat-card{background:var(--color-accent-gray);padding:var(--space-6);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--color-border-light);transition:all var(--transition-base)}.why-choose__stat-card:hover{background:var(--color-primary);box-shadow:var(--shadow-lg);border-color:var(--color-secondary-200);transform:translateY(-4px)}.why-choose__stat-icon{margin-bottom:var(--space-3);font-size:1.75rem}.why-choose__stat-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-secondary);margin-bottom:var(--space-1);display:block}.why-choose__stat-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.why-choose__content .section-header{margin-bottom:var(--space-6)}.why-choose__text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.why-choose__list{gap:var(--space-3);flex-direction:column;display:flex}.why-choose__list-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-accent-gray);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);transition:all var(--transition-base);display:flex}.why-choose__list-item:hover{background:var(--color-secondary-50);transform:translate(4px)}.why-choose__check{font-size:var(--font-size-base);flex-shrink:0}@media (width<=1024px){.why-choose__grid{gap:var(--space-10);grid-template-columns:1fr}.why-choose__stats-grid{max-width:500px;margin:0 auto}}@media (width<=480px){.why-choose__stats-grid{grid-template-columns:1fr}}.portfolio__grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.portfolio__card{background:var(--color-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-base);overflow:hidden}.portfolio__card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.portfolio__card-image{padding:var(--space-6);justify-content:center;align-items:center;min-height:220px;display:flex;position:relative;overflow:hidden}.portfolio__card-mockup{border-radius:var(--radius-sm);width:90%;box-shadow:var(--shadow-md);background:#fff;border:1px solid;overflow:hidden}.portfolio__mockup-header{background:var(--color-accent-gray);border-bottom:1px solid var(--color-border);padding:6px 10px}.portfolio__mockup-dots{gap:4px;display:flex}.portfolio__mockup-dots span{background:var(--color-accent-gray-dark);border-radius:50%;width:6px;height:6px}.portfolio__mockup-body{min-height:100px;display:flex}.portfolio__mockup-sidebar{opacity:.2;width:20%}.portfolio__mockup-content{flex-direction:column;flex:1;gap:6px;padding:10px;display:flex}.portfolio__mockup-line{border-radius:3px;height:6px}.portfolio__mockup-block{border-radius:var(--radius-sm);border:1px solid;flex:1;min-height:30px}.portfolio__card-overlay{opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#2563ebd9,#1d4ed8e6);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.portfolio__card:hover .portfolio__card-overlay{opacity:1}.portfolio__view-btn{color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);transition:all var(--transition-base);border:2px solid #fff}.portfolio__view-btn:hover{color:var(--color-secondary);background:#fff}.portfolio__card-info{padding:var(--space-5) var(--space-6)}.portfolio__card-category{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);display:inline-block}.portfolio__card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--color-text-primary)}.portfolio__card-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (width<=1024px){.portfolio__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.portfolio__grid{grid-template-columns:1fr}}.workflow__timeline{justify-content:space-between;align-items:center;max-width:1200px;min-height:480px;margin:0 auto;padding:40px 0;display:flex;position:relative}.workflow__circuit-line{background:var(--color-secondary-100);z-index:1;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.workflow__circuit-laser{background:linear-gradient(to right, transparent, var(--color-secondary), #fff);width:120px;height:6px;box-shadow:0 0 20px 5px var(--color-secondary);z-index:2;border-radius:4px;animation:4s linear infinite laser-shoot;position:absolute;top:50%;left:-120px;transform:translateY(-50%)}@keyframes laser-shoot{0%{opacity:0;left:-120px}5%{opacity:1}90%{opacity:1}to{opacity:0;left:100%}}.workflow__step-wrapper{z-index:2;flex:1;justify-content:center;height:100%;display:flex;position:relative}.workflow__step{justify-content:center;width:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.workflow__circuit-node{z-index:3;width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.workflow__node-core{background:var(--color-primary);border:3px solid var(--color-secondary);width:100%;height:100%;box-shadow:inset 0 0 5px var(--color-secondary);transition:all .3s}.workflow__node-ring{border:1px dashed var(--color-secondary);opacity:.5;border-radius:50%;animation:5s linear infinite spin-ring;position:absolute;inset:-10px}@keyframes spin-ring{to{transform:rotate(360deg)}}.workflow__step-wrapper:hover .workflow__node-core{background:var(--color-secondary);box-shadow:0 0 20px var(--color-secondary)}.workflow__step-wrapper:hover .workflow__node-ring{opacity:1;border-style:solid;border-width:2px;animation-duration:2s}.workflow__step:before{content:"";background:linear-gradient(180deg, transparent 50%, var(--color-secondary-200) 50%);opacity:.5;background-size:2px 15px;width:2px;height:40px;transition:opacity .3s;animation:1s linear infinite dash-flow;position:absolute;left:50%;transform:translate(-50%)}.workflow__step--top:before{animation-direction:reverse;bottom:50%}.workflow__step--bottom:before{animation-direction:normal;top:50%}@keyframes dash-flow{to{background-position:0 30px}}.workflow__step-wrapper:hover .workflow__step:before{opacity:1;background:linear-gradient(180deg, transparent 50%, var(--color-secondary) 50%);background-size:2px 15px}.workflow__step-content{background:var(--color-primary);width:220px;padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--color-border);border-top:4px solid var(--color-secondary);box-shadow:var(--shadow-md), 0 10px 30px #2563eb0d;z-index:4;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.workflow__step-content:before{content:"";background-image:radial-gradient(var(--color-border) 1px, transparent 1px);opacity:.3;z-index:0;pointer-events:none;background-size:12px 12px;transition:opacity .4s;position:absolute;inset:0}.workflow__step-wrapper:hover .workflow__step-content:before{opacity:.6}.workflow__step-content:after{content:"";background:var(--color-secondary-100);filter:blur(20px);opacity:0;z-index:0;border-radius:50%;width:60px;height:60px;transition:opacity .4s;position:absolute;bottom:-20px;right:-20px}.workflow__step-wrapper:hover .workflow__step-content:after{opacity:1}.workflow__step--top .workflow__step-content{bottom:40px}.workflow__step--bottom .workflow__step-content{top:40px}.workflow__step-wrapper:hover .workflow__step--top .workflow__step-content{border-color:var(--color-secondary-200);border-top:4px solid var(--color-secondary-200);box-shadow:var(--shadow-2xl), 0 15px 40px #2563eb26;transform:translate(-50%,-10px)scale(1.03)}.workflow__step-wrapper:hover .workflow__step--bottom .workflow__step-content{border-color:var(--color-secondary-200);border-top:4px solid var(--color-secondary-200);box-shadow:var(--shadow-2xl), 0 15px 40px #2563eb26;transform:translate(-50%,10px)scale(1.03)}.workflow__step-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);z-index:1;flex-direction:column;display:flex;position:relative}.workflow__step-icon{background:linear-gradient(135deg, var(--color-secondary-50), var(--color-secondary-100));width:56px;height:56px;color:var(--color-secondary);border:2px solid var(--color-primary);border-radius:14px;justify-content:center;align-items:center;font-size:24px;display:flex;box-shadow:0 4px 12px #2563eb1a}.workflow__step-number{color:#0000;-webkit-text-stroke:2px var(--color-secondary-200);opacity:.5;z-index:0;pointer-events:none;font-size:5rem;font-weight:900;line-height:1;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:absolute;top:-5px;right:-5px}.workflow__step-wrapper:hover .workflow__step-number{-webkit-text-stroke:2px var(--color-secondary);color:#2563eb0d;opacity:.8;transform:scale(1.1)translate(-10px,10px)}.workflow__step-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-2);color:var(--color-text-primary);text-align:left;z-index:1;position:relative}.workflow__step-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);text-align:left;z-index:1;position:relative}@media (width<=1024px){.workflow__timeline{flex-direction:column;align-items:flex-start;min-height:auto;padding-left:40px}.workflow__circuit-line{width:2px;height:100%;top:0;left:10px;right:auto;transform:none}.workflow__circuit-laser{background:linear-gradient(to bottom, transparent, var(--color-secondary), #fff);width:6px;height:120px;animation:3s linear infinite laser-shoot-vertical;top:-120px;left:8px;transform:none}@keyframes laser-shoot-vertical{0%{opacity:0;top:-120px}5%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.workflow__step-wrapper{width:100%;margin-bottom:var(--space-8)}.workflow__step{justify-content:flex-start;display:flex;position:relative;top:auto;left:auto;transform:none}.workflow__circuit-node{top:24px;left:-30px;transform:translate(-50%)rotate(45deg)}.workflow__step:before{background:linear-gradient(90deg, transparent 50%, var(--color-secondary-200) 50%);background-size:15px 2px;width:30px;height:2px;animation:1s linear infinite dash-flow-horizontal;top:24px;bottom:auto;left:-30px;transform:none}@keyframes dash-flow-horizontal{to{background-position:30px 0}}.workflow__step-wrapper:hover .workflow__step:before{background:linear-gradient(90deg, transparent 50%, var(--color-secondary) 50%);background-size:15px 2px}.workflow__step-content{width:100%;max-width:500px;padding:var(--space-6);position:relative;left:0;top:0!important;bottom:0!important;transform:none!important}.workflow__step-header{flex-direction:row}.workflow__step-title,.workflow__step-description{text-align:left}.workflow__step-wrapper:hover .workflow__step--top .workflow__step-content,.workflow__step-wrapper:hover .workflow__step--bottom .workflow__step-content{transform:translate(5px)scale(1.02)!important}}@media (width<=480px){.workflow__timeline{padding-left:24px}.workflow__circuit-line{left:4px}.workflow__circuit-laser{left:2px}.workflow__circuit-node{width:16px;height:16px;left:-20px}.workflow__step:before{width:20px;left:-20px}.workflow__step-content{padding:var(--space-4)}.workflow__step-header{align-items:flex-start;gap:var(--space-2);flex-direction:column}.workflow__step-icon{width:44px;height:44px;font-size:20px}}.team__marquee-container{width:100%;padding:var(--space-4) 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.team__track{gap:var(--space-6);width:max-content;animation:40s linear infinite scrollLeft;display:flex}.team__track:hover{animation-play-state:paused}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translateX(calc(-50% - calc(var(--space-6) / 2)))}}.team__card{background:var(--color-primary);width:300px;padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--color-border-light);transition:all var(--transition-base);flex-shrink:0}.team__card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.team__avatar{width:100px;height:100px;margin:0 auto var(--space-5);transition:transform var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex}.team__card:hover .team__avatar{transform:scale(1.08)}.team__initials{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold)}.team__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);color:var(--color-text-primary)}.team__role{font-size:var(--font-size-sm);color:var(--color-secondary);font-weight:var(--font-weight-medium);margin-bottom:var(--space-3);display:block}.team__bio{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-5)}.team__socials{justify-content:center;gap:var(--space-2);opacity:0;transition:all var(--transition-base);display:flex;transform:translateY(8px)}.team__card:hover .team__socials{opacity:1;transform:translateY(0)}.team__social{background:var(--color-accent-gray);width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex}.team__social:hover{background:var(--color-secondary);color:var(--color-text-white);transform:translateY(-2px)}@media (width<=768px){.team__card{width:260px;padding:var(--space-6) var(--space-4)}}@media (width<=480px){.team__card{width:240px;padding:var(--space-5) var(--space-3)}.team__avatar{width:80px;height:80px}}.faq__list{gap:var(--space-3);flex-direction:column;max-width:750px;margin:0 auto;display:flex}.faq__item{background:var(--color-primary);border-radius:var(--radius-md);border:1px solid var(--color-border-light);transition:all var(--transition-base);overflow:hidden}.faq__item:hover{border-color:var(--color-secondary-200)}.faq__item--open{box-shadow:var(--shadow-md);border-color:var(--color-secondary-200)}.faq__question{width:100%;padding:var(--space-5) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:color var(--transition-base);justify-content:space-between;align-items:center;gap:var(--space-4);background:0 0;display:flex}.faq__item--open .faq__question{color:var(--color-secondary)}.faq__icon{background:var(--color-accent-gray);width:28px;height:28px;color:var(--color-text-secondary);transition:all var(--transition-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.faq__item--open .faq__icon{background:var(--color-secondary);color:var(--color-text-white);transform:rotate(180deg)}.faq__answer{max-height:0;transition:max-height .4s;overflow:hidden}.faq__item--open .faq__answer{max-height:300px}.faq__answer-inner{padding:0 var(--space-6) var(--space-5)}.faq__answer p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}@media (width<=768px){.faq__question{padding:var(--space-4) var(--space-5);font-size:.95rem}.faq__answer-inner{padding:0 var(--space-5) var(--space-4)}}@media (width<=480px){.faq__question{padding:var(--space-4);font-size:.9rem}.faq__answer-inner{padding:0 var(--space-4) var(--space-4)}.faq__icon{width:24px;height:24px}}.blog__grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.blog__card{background:var(--color-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-base);overflow:hidden}.blog__card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.blog__card-image{justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.blog__card-image-content{transition:transform var(--transition-base)}.blog__card:hover .blog__card-image-content{transform:scale(1.05)}.blog__card-pattern{justify-content:center;align-items:center;display:flex}.blog__card-category{top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff;position:absolute}.blog__card-body{padding:var(--space-5) var(--space-6)}.blog__card-meta{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-3);display:flex}.blog__card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--color-text-primary);transition:color var(--transition-base);line-height:1.4}.blog__card:hover .blog__card-title{color:var(--color-secondary)}.blog__card-excerpt{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.blog__card-link{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-secondary);transition:all var(--transition-base);display:inline-flex}.blog__card-link:hover{gap:var(--space-3)}@media (width<=1024px){.blog__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.blog__grid{grid-template-columns:1fr}}.footer{background:var(--color-accent-navy);color:var(--color-text-white);padding-top:var(--space-20)}.footer__top{padding-bottom:var(--space-12)}.footer__grid{gap:var(--space-10);grid-template-columns:1.5fr 1fr 1fr 1.5fr;display:grid}.footer__logo{align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-white);margin-bottom:var(--space-4);display:flex}.footer__logo img{filter:grayscale()invert()brightness(100);mix-blend-mode:screen}.footer__about-text{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-5)}.footer__socials{gap:var(--space-2);display:flex}.footer__social{width:38px;height:38px;color:var(--color-text-tertiary);transition:all var(--transition-base);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;display:flex}.footer__social:hover{background:var(--color-secondary);color:var(--color-text-white);transform:translateY(-3px)}.footer__col-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-white);margin-bottom:var(--space-5);padding-bottom:var(--space-3);position:relative}.footer__col-title:after{content:"";background:var(--color-secondary);border-radius:var(--radius-full);width:30px;height:2px;position:absolute;bottom:0;left:0}.footer__links{gap:var(--space-3);flex-direction:column;display:flex}.footer__links a{font-size:var(--font-size-sm);color:var(--color-text-tertiary);transition:all var(--transition-base);align-items:center;display:inline-flex}.footer__links a:hover{color:var(--color-secondary-light);transform:translate(4px)}.footer__contact-list{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.footer__contact-item{align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-tertiary);display:flex}.footer__contact-item svg{color:var(--color-secondary-light);flex-shrink:0;margin-top:2px}.footer__newsletter-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-white);margin-bottom:var(--space-3)}.footer__newsletter-form{border-radius:var(--radius-sm);transition:border-color var(--transition-base);background:#ffffff14;border:1px solid #ffffff1a;gap:0;display:flex;overflow:hidden}.footer__newsletter-form:focus-within{border-color:var(--color-secondary)}.footer__newsletter-input{padding:var(--space-3) var(--space-4);color:var(--color-text-white);font-size:var(--font-size-sm);background:0 0;flex:1}.footer__newsletter-input::placeholder{color:var(--color-text-tertiary)}.footer__newsletter-btn{padding:var(--space-3) var(--space-4);background:var(--color-secondary);color:var(--color-text-white);transition:all var(--transition-base);align-items:center;display:flex}.footer__newsletter-btn:hover{background:var(--color-secondary-light)}.footer__bottom{padding:var(--space-6) 0;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.footer__bottom p{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.footer__bottom-links{gap:var(--space-6);display:flex}.footer__bottom-links a{font-size:var(--font-size-sm);color:var(--color-text-tertiary);transition:color var(--transition-base)}.footer__bottom-links a:hover{color:var(--color-secondary-light)}@media (width<=1024px){.footer__grid{gap:var(--space-8);grid-template-columns:1fr 1fr}}@media (width<=640px){.footer__grid{grid-template-columns:1fr}.footer__bottom{gap:var(--space-4);text-align:center;flex-direction:column}.footer__bottom-links{gap:var(--space-4)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;padding:var(--space-4);opacity:0;background-color:#0f172a99;justify-content:center;align-items:center;animation:.3s ease-out forwards modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-primary);border-radius:var(--radius-2xl);border:1px solid var(--color-border);width:100%;max-width:680px;box-shadow:var(--shadow-2xl), 0 25px 50px -12px #2563eb26;opacity:0;max-height:90vh;padding:var(--space-10);animation:.5s cubic-bezier(.2,.8,.2,1) .1s forwards modalSlideUp;position:relative;overflow:hidden auto;transform:translateY(30px)scale(.95)}@keyframes modalSlideUp{to{opacity:1;transform:translateY(0)scale(1)}}.modal-content{-ms-overflow-style:none;scrollbar-width:none}.modal-content::-webkit-scrollbar{display:none}.modal-close{background:var(--color-accent-gray);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:24px;right:24px}.modal-close:hover{background:var(--color-accent-gray-dark);color:var(--color-text-primary);transform:rotate(90deg)}.modal-header{text-align:center;margin-bottom:var(--space-8);position:relative}.modal-header-badge{background:var(--color-secondary-50);color:var(--color-secondary-dark);border:1px solid var(--color-secondary-100);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-5);border-radius:30px;align-items:center;gap:8px;padding:6px 16px;font-size:.75rem;font-weight:700;display:inline-flex}.modal-header-badge:before{content:"";background:var(--color-secondary);border-radius:50%;width:6px;height:6px}.modal-header h2{margin-bottom:var(--space-3);color:var(--color-text-primary);font-size:2.5rem;font-weight:800;line-height:1.2}.modal-header p{color:var(--color-text-secondary);font-size:var(--font-size-md);max-width:480px;margin:0 auto;line-height:1.6}.modal-form{gap:var(--space-6);flex-direction:column;display:flex}.form-row{gap:var(--space-6);display:flex}.form-row .form-group{flex:1}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-left:4px;font-size:.8rem;font-weight:600}.form-group input,.form-group textarea,.form-group select{background:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);width:100%;box-shadow:var(--shadow-sm);padding:14px 18px;font-family:inherit;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-tertiary)}.form-group input:hover,.form-group textarea:hover,.form-group select:hover{border-color:var(--color-secondary-200)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px var(--color-secondary-100);outline:none}.form-group textarea{resize:vertical;min-height:120px;line-height:1.5}.select-wrapper{position:relative}.select-wrapper:after{content:"";background-color:var(--color-text-secondary);clip-path:polygon(100% 0,0 0,50% 100%);pointer-events:none;width:10px;height:6px;transition:transform .3s;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.form-group select:focus+.select-wrapper:after{transform:translateY(-50%)rotate(180deg)}.form-group select{appearance:none;cursor:pointer}.form-group select option{background:var(--color-primary);color:var(--color-text-primary);padding:10px}.form-error{color:#dc2626;border-radius:var(--radius-md);text-align:center;background:#fef2f2;border:1px solid #fecaca;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:.95rem;animation:.3s ease-out forwards modalFadeIn;display:flex}.modal-submit{margin-top:var(--space-4);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-blue);justify-content:center;padding:16px;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.modal-submit:hover:not(:disabled){box-shadow:var(--shadow-blue-lg);transform:translateY(-2px)}.modal-submit:active:not(:disabled){transform:translateY(0)}.modal-submit.loading{pointer-events:none;opacity:.8}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin-right:12px;animation:.8s cubic-bezier(.4,0,.2,1) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-success{text-align:center;padding:var(--space-10) 0 var(--space-6);align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.modal-success-icon{background:var(--color-secondary-50);border:2px solid var(--color-secondary-100);width:90px;height:90px;margin-bottom:var(--space-2);border-radius:50%;justify-content:center;align-items:center;animation:.6s cubic-bezier(.2,.8,.2,1) scaleIn;display:flex;box-shadow:0 0 40px #2563eb1a}.modal-success h3{color:var(--color-text-primary);margin-bottom:-10px;font-size:2.2rem;font-weight:800}.modal-success p{color:var(--color-text-secondary);max-width:420px;margin:0 auto;font-size:1.05rem;line-height:1.7}.modal-success .btn{margin-top:var(--space-4);padding:16px 40px}.modal-divider{text-align:center;margin:var(--space-2) 0 0;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:1px;align-items:center;font-size:.85rem;font-weight:600;display:flex}.modal-divider:before,.modal-divider:after{content:"";border-bottom:1px solid var(--color-border);flex:1}.modal-divider:before{margin-right:var(--space-4)}.modal-divider:after{margin-left:var(--space-4)}.modal-call-option{text-align:center;margin-top:var(--space-2);color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:8px;font-size:.9rem;display:flex}.modal-call-link{color:var(--color-secondary);align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.modal-call-link:hover{color:var(--color-secondary-dark);transform:translateY(-1px)}@media (width<=768px){.form-row{gap:var(--space-5);flex-direction:column}.modal-content{padding:var(--space-8) var(--space-6);max-height:95vh}.modal-header h2{font-size:2rem}.modal-header-badge{margin-bottom:var(--space-4)}}
