:root{--primary:#1677ff;--primary-hover:#4096ff;--secondary:#52c41a;--text-primary:#1a1a2e;--text-secondary:#5f6368;--text-light:#80868b;--bg-light:#f8fafc;--bg-card:#fff;--border:#e8eaed;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--radius-sm:8px;--radius-md:83px;--radius-lg:42px;--radius-xl:24px}.modern-hero{align-items:center;background:linear-gradient(135deg,#fff,#f0f7ff 50%,#e6f4ff);display:flex;justify-content:center;min-height:80vh;overflow:hidden;padding:120px 20px 60px;position:relative}.modern-hero--compact{min-height:auto;padding:100px 40px 90px}.modern-hero:before{background:radial-gradient(circle,rgba(22,119,255,.08) 0,transparent 70%);height:150%;right:-20%;top:-50%;width:60%}.modern-hero:after,.modern-hero:before{content:"";pointer-events:none;position:absolute}.modern-hero:after{background:radial-gradient(circle,rgba(82,196,26,.05) 0,transparent 60%);bottom:-30%;height:100%;left:-10%;width:50%}.hero-container{align-items:center;display:flex;gap:60px;justify-content:space-between;max-width:1110px;position:relative;width:100%;z-index:1}.hero-text{flex:1;max-width:550px}.hero-illustration{align-items:center;display:flex;flex:0 0 420px;justify-content:center;max-width:420px}.hero-illustration img{filter:drop-shadow(0 10px 30px rgba(0,0,0,.12))}.hero-illustration img,.hero-illustration svg{height:auto;max-width:100%;width:100%}.hero-illustration--large{flex:0 0 480px;max-width:480px}.hero-content{max-width:900px;position:relative;text-align:center;z-index:1}.hero-badge{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:50px;box-shadow:var(--shadow-sm);color:var(--text-secondary);display:inline-flex;font-size:14px;gap:8px;margin-bottom:32px;padding:8px 16px}.hero-badge svg{color:var(--secondary);height:16px;width:16px}.hero-title{color:var(--text-primary);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0 0 24px}.hero-title span{background:linear-gradient(135deg,#1a1a2e,#0958d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{color:var(--text-secondary);font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.6;margin:0 auto 40px;max-width:600px}.hero-tagline{color:#1a1a2e;font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:500;letter-spacing:-.01em;margin:0 0 32px}.hero-cta,.hero-cta:link,.hero-cta:visited{align-items:center;background:var(--primary);border-radius:50px;box-shadow:0 4px 14px rgba(22,119,255,.4);color:#fff!important;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;padding:16px 32px;text-decoration:none!important;transition:all .3s ease}.hero-cta:active,.hero-cta:focus,.hero-cta:hover{background:var(--primary-hover);box-shadow:0 6px 20px rgba(22,119,255,.5);color:#fff!important;text-decoration:none!important;transform:translateY(-2px)}.hero-cta svg{height:20px;transition:transform .3s ease;width:20px}.hero-cta:hover svg{transform:translateX(4px)}.modern-features{background:var(--bg-card);padding:100px 20px}.features-container{margin:0 auto;max-width:1100px}.features-grid{display:grid;gap:32px;grid-template-columns:repeat(4,1fr)}.feature-card{background:var(--bg-light);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;transition:all .3s ease}.feature-card:hover{background:var(--bg-card);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{align-items:center;color:var(--primary);display:flex;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.feature-icon svg{height:56px;width:56px}.feature-title{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0 0 8px}.feature-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.modern-how-it-works{background:var(--bg-light);padding:100px 20px}.section-container{margin:0 auto;max-width:900px}.section-header{margin-bottom:60px;text-align:center}.section-title{color:var(--text-primary);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;margin:0 0 16px}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.steps-modern{align-items:flex-start;display:flex;gap:24px;justify-content:space-between}.step-card{flex:1;position:relative;text-align:center}.step-number{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:1.4rem;font-weight:700;height:56px;justify-content:center;margin:0 auto 20px;position:relative;width:56px;z-index:1}.step-card:not(:last-child):after{background:linear-gradient(90deg,var(--primary),var(--border));content:"";height:2px;left:calc(50% + 40px);position:absolute;top:28px;width:calc(100% - 80px);z-index:0}.step-title{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0 0 8px}.step-desc{color:var(--text-secondary);font-size:.95rem;margin:0}.modern-stats{background:var(--bg-card);padding:80px 20px}.stats-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);margin:0 auto;max-width:900px;padding:40px}.stats-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.stats-main{align-items:baseline;display:flex;gap:16px;position:relative}.stats-change{align-items:center;animation:pulseBadge 2s ease-in-out infinite;background:rgba(82,196,26,.1);border-radius:50px;color:var(--secondary);display:inline-flex;font-size:1.1rem;font-weight:600;gap:4px;justify-content:center;left:180px;min-width:70px;padding:4px 10px;position:absolute;top:50%;transform:translateY(-50%)}@keyframes pulseBadge{0%,to{box-shadow:0 0 0 0 rgba(82,196,26,.4);transform:translateY(-50%) scale(1)}50%{box-shadow:0 0 0 8px rgba(82,196,26,0);transform:translateY(-50%) scale(1.05)}}.stats-metrics{display:flex;gap:40px}.stat-item{text-align:right}.stat-label{color:var(--text-light);font-size:.85rem;margin-bottom:4px}.chart-container{height:180px;position:relative}.chart-svg{height:100%;width:100%}.chart-grid-line{stroke:var(--border);stroke-width:1}.chart-area{fill:url(#modernAreaGradient);animation:breatheArea 4s ease-in-out infinite;opacity:.4}.chart-line{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:500;stroke-dashoffset:0;animation:drawLineContinuous 6s ease-in-out infinite}.chart-dot{animation:pulseDot 2s ease-in-out infinite;background:var(--primary);border:3px solid var(--bg-card);border-radius:50%;box-shadow:var(--shadow-md);height:14px;position:absolute;transform:translate(-50%,50%);width:14px}.chart-dot:first-child{animation-delay:0s}.chart-dot:nth-child(2){animation-delay:.15s}.chart-dot:nth-child(3){animation-delay:.3s}.chart-dot:nth-child(4){animation-delay:.45s}.chart-dot:nth-child(5){animation-delay:.6s}.chart-dot:nth-child(6){animation-delay:.75s}.chart-dot:nth-child(7){animation-delay:.9s}.chart-labels{display:flex;justify-content:space-between;margin-top:12px;padding:0 4px}.chart-label{color:var(--text-light);font-size:12px}@keyframes drawLineContinuous{0%{stroke-dashoffset:500;opacity:.3}30%{stroke-dashoffset:0;opacity:1}70%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-500;opacity:.3}}@keyframes breatheArea{0%,to{opacity:.3}50%{opacity:.5}}@keyframes pulseDot{0%,to{box-shadow:0 2px 8px rgba(22,119,255,.3);transform:translate(-50%,50%) scale(1)}50%{box-shadow:0 4px 20px rgba(22,119,255,.5);transform:translate(-50%,50%) scale(1.3)}}.stats-value{font-size:2.5rem;font-variant-numeric:tabular-nums;font-weight:700;margin:0;min-width:160px}.stat-value,.stats-value{color:var(--text-primary)}.stat-value{font-size:1.25rem;font-weight:600}.stats-card:hover .chart-line{filter:drop-shadow(0 0 8px rgba(22,119,255,.5))}.stats-card:hover .chart-dot{filter:drop-shadow(0 0 6px rgba(22,119,255,.6))}.modern-faq{background:var(--bg-light);padding:100px 20px}.faq-grid{align-items:start;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:var(--shadow-md)}.faq-item details{width:100%}.faq-item summary{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;list-style:none;padding:20px 24px;transition:background .2s ease}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%235f6368' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";display:block;flex-shrink:0;font-size:inherit;font-weight:inherit;height:24px;position:static;transition:transform .3s ease;width:24px}.faq-item details[open] summary:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%231677ff' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");content:"";transform:rotate(180deg)}.faq-item summary:hover{background:var(--bg-light)}.faq-content-wrapper{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;transition:grid-template-rows .35s ease-out,opacity .25s ease-out}.faq-item details[open]>.faq-content-wrapper{grid-template-rows:1fr;opacity:1;transition:grid-template-rows .35s ease-out,opacity .35s ease-out .1s}.faq-content{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0;overflow:hidden;padding:0 24px;transition:padding .35s ease-out}.faq-item details[open] .faq-content{padding:0 24px 20px}.modern-cta{background:linear-gradient(135deg,var(--primary) 0,#0958d9 100%);padding:100px 20px;text-align:center}.cta-container{margin:0 auto;max-width:700px}.cta-title{color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:800;margin:0 0 16px}.cta-description{color:hsla(0,0%,100%,.9);font-size:1.2rem;margin:0 0 40px}.cta-button{align-items:center;background:#fff;border-radius:50px;box-shadow:0 4px 20px rgba(0,0,0,.15);display:inline-flex;font-size:1.2rem;font-weight:700;gap:10px;padding:18px 40px;transition:all .3s ease}.cta-button,.cta-button:hover{color:var(--primary);text-decoration:none}.cta-button:hover{box-shadow:0 8px 30px rgba(0,0,0,.2);transform:translateY(-3px)}.cta-button svg{height:22px;transition:transform .3s ease;width:22px}.cta-button:hover svg{transform:translateX(4px)}.modern-contact{background:var(--bg-card);padding:80px 20px}.contact-container{margin:0 auto;max-width:600px;text-align:center}.contact-title{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:0 0 12px}.contact-desc{color:var(--text-secondary);font-size:1rem;margin:0 0 32px}.contact-links{display:flex;gap:24px;justify-content:center}.contact-link,.contact-link:active,.contact-link:visited{align-items:center;background:#1677ff;border:none;border-radius:50px;color:#fff;display:inline-flex;font-weight:600;gap:8px;padding:13px 30px;text-decoration:none;transition:all .3s ease}.contact-link:hover{background:#4096ff;color:#fff;text-decoration:none}.contact-link svg{height:20px;width:20px}.contact-container--with-image{align-items:center;display:flex;gap:60px;max-width:900px;text-align:left}.contact-image{flex:0 0 200px}.contact-image img{border:4px solid var(--bg-card);border-radius:50%;box-shadow:0 8px 30px rgba(0,0,0,.15);height:200px;object-fit:cover;object-position:top center;width:200px}.contact-content{flex:1}.contact-container--with-image .contact-links{justify-content:flex-start}@media (max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}.stats-header{align-items:flex-start;flex-direction:column;gap:24px}.stats-metrics{justify-content:space-between;width:100%}.stat-item{text-align:left}.hero-container{flex-direction:column;gap:40px;text-align:center}.hero-text{max-width:100%;order:1}.hero-illustration{flex:0 0 auto;max-width:340px;order:2}.hero-illustration--large{max-width:400px}.hero-badge,.hero-subtitle,.hero-tagline{margin-left:auto;margin-right:auto}}@media (max-width:700px){.modern-hero{min-height:auto;padding:100px 20px 60px}.modern-hero--compact{padding:80px 20px 30px}.hero-illustration{max-width:320px}.hero-illustration--large{max-width:340px}.steps-modern{align-items:center;flex-direction:column;gap:40px}.step-card{max-width:280px;text-align:center;width:100%}.step-card:not(:last-child):after{background:linear-gradient(180deg,var(--primary),var(--border));bottom:-30px;height:20px;left:50%;top:auto;transform:translateX(-50%);width:2px}.features-grid{gap:16px;grid-template-columns:1fr}.feature-card{align-items:center;display:flex;gap:20px;padding:24px;text-align:left}.feature-icon{flex-shrink:0;margin:0}.feature-content{flex:1}.contact-container--with-image{flex-direction:column;gap:30px;text-align:center}.contact-image{flex:0 0 auto;margin:0 auto}.contact-image img{height:160px;width:160px}.contact-container--with-image .contact-links{justify-content:center}.contact-links{flex-direction:column;gap:12px}.contact-link{justify-content:center}.stats-card{padding:24px}.stats-value{font-size:2rem;min-width:130px}.stats-change{left:150px}}@media (max-width:500px){.hero-title{font-size:2.2rem}.hero-cta{font-size:1rem;padding:14px 24px}.cta-button,.hero-cta{box-sizing:border-box;justify-content:center;max-width:100%;width:100%}.cta-button{font-size:1.1rem;padding:16px 28px}.stats-metrics{flex-wrap:wrap;gap:20px}.stat-item{flex:1 1 40%}}@media (max-width:380px){.modern-hero--compact{padding:80px 16px 30px}.hero-cta{font-size:.95rem;padding:12px 20px}.modern-cta{padding:80px 16px}.cta-button{font-size:1rem;padding:14px 20px}}.fade-in-up{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}