:root{--bg-primary:#f4f6fb;--bg-secondary:#ffffff;--bg-card:rgba(255,255,255,.72);--bg-glass:rgba(255,255,255,.55);--bg-glass-border:rgba(255,255,255,.65);--text-primary:#14142b;--text-secondary:#3a3a5c;--text-muted:#70708f;--accent:#e94560;--accent-2:#7b5cff;--accent-hover:#c72a4a;--grad-hero:linear-gradient(135deg,#1a1a2e 0%,#16213e 45%,#0f3460 100%);--grad-accent:linear-gradient(135deg,#e94560 0%,#7b5cff 100%);--border-light:rgba(20,20,43,.08);--shadow-sm:0 2px 10px rgba(20,20,43,.05);--shadow-md:0 8px 30px rgba(20,20,43,.08);--shadow-lg:0 18px 50px rgba(20,20,43,.12);--shadow-accent:0 12px 32px rgba(233,69,96,.32);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;--transition:.28s cubic-bezier(.4,0,.2,1);--blur:16px}

body.dark-mode{--bg-primary:#0b0b16;--bg-secondary:#13131f;--bg-card:rgba(30,30,50,.62);--bg-glass:rgba(26,26,46,.55);--bg-glass-border:rgba(255,255,255,.08);--text-primary:#eaeaf5;--text-secondary:#c2c2dc;--text-muted:#8a8aab;--border-light:rgba(255,255,255,.08);--shadow-sm:0 2px 10px rgba(0,0,0,.35);--shadow-md:0 8px 30px rgba(0,0,0,.45);--shadow-lg:0 18px 50px rgba(0,0,0,.55);--shadow-accent:0 12px 32px rgba(233,69,96,.28);--grad-hero:linear-gradient(135deg,#0b0b16 0%,#141428 45%,#1c1030 100%)}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}

body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .35s ease,color .35s ease}

body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 8%,rgba(233,69,96,.10),transparent 42%),radial-gradient(circle at 88% 18%,rgba(123,92,255,.10),transparent 45%),radial-gradient(circle at 50% 92%,rgba(15,52,96,.08),transparent 50%)}

body.dark-mode::before{background:radial-gradient(circle at 12% 8%,rgba(233,69,96,.14),transparent 42%),radial-gradient(circle at 88% 18%,rgba(123,92,255,.14),transparent 45%),radial-gradient(circle at 50% 92%,rgba(15,52,96,.18),transparent 50%)}

img{max-width:100%;display:block}

a{color:inherit}

.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}

.site-header{position:sticky;top:0;z-index:1000;background:var(--bg-glass);backdrop-filter:blur(var(--blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--blur)) saturate(180%);border-bottom:1px solid var(--bg-glass-border);transition:box-shadow var(--transition),background var(--transition)}

.site-header.scrolled{box-shadow:var(--shadow-md);background:var(--bg-card)}

.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}

.logo{display:flex;align-items:center;gap:9px;font-size:1.32rem;font-weight:800;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em;white-space:nowrap;transition:transform var(--transition)}

.logo:hover{transform:scale(1.03)}

.logo svg{width:32px;height:32px;flex-shrink:0;border-radius:9px;box-shadow:0 4px 14px rgba(233,69,96,.35)}

.logo .accent{background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

.nav-links{display:flex;align-items:center;gap:26px;list-style:none}

.nav-links a{text-decoration:none;color:var(--text-secondary);font-size:.92rem;font-weight:500;transition:color var(--transition);position:relative;padding:4px 0}

.nav-links a:hover{color:var(--accent)}

.nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;border-radius:2px;background:var(--grad-accent);transition:width var(--transition)}

.nav-links a:hover::after{width:100%}

.header-actions{display:flex;align-items:center;gap:12px}

.search-box{display:flex;align-items:center;background:var(--bg-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-light);border-radius:40px;padding:6px 6px 6px 16px;transition:border-color var(--transition),box-shadow var(--transition)}

.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px rgba(233,69,96,.12)}

.search-box input{border:none;background:transparent;outline:none;font-size:.875rem;color:var(--text-primary);width:140px;font-family:var(--font-sans)}

.search-box input::placeholder{color:var(--text-muted)}

.search-box button{background:var(--grad-accent);border:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:transform var(--transition),box-shadow var(--transition)}

.search-box button:hover{transform:scale(1.08);box-shadow:var(--shadow-accent)}

.theme-toggle{background:var(--bg-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-light);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all var(--transition)}

.theme-toggle:hover{border-color:var(--accent);color:var(--accent);transform:rotate(20deg) scale(1.06)}

.mobile-menu-btn{display:none;background:var(--bg-glass);border:1px solid var(--border-light);border-radius:10px;cursor:pointer;color:var(--text-primary);padding:7px;transition:all var(--transition)}

.mobile-menu-btn:hover{color:var(--accent);border-color:var(--accent)}

.breadcrumb{padding:16px 0;font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;flex-wrap:wrap;gap:2px}

.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color var(--transition)}

.breadcrumb a:hover{color:var(--accent)}

.breadcrumb span{margin:0 6px;opacity:.6}

.hero{background:var(--grad-hero);color:#fff;padding:72px 0 60px;position:relative;overflow:hidden;border-radius:0 0 var(--radius-lg) var(--radius-lg)}

.hero::before{content:'';position:absolute;top:-45%;right:-15%;width:640px;height:640px;background:radial-gradient(circle,rgba(233,69,96,.22) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:floatOrb 14s ease-in-out infinite}

.hero::after{content:'';position:absolute;bottom:-55%;left:-12%;width:520px;height:520px;background:radial-gradient(circle,rgba(123,92,255,.20) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:floatOrb 18s ease-in-out infinite reverse}

@keyframes floatOrb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-28px,26px) scale(1.08)}}

.hero-content{position:relative;z-index:1;max-width:740px}

.hero-badge{display:inline-block;background:rgba(233,69,96,.18);color:#ff9fb1;padding:7px 18px;border-radius:40px;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:22px;border:1px solid rgba(233,69,96,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:pulseBadge 3s ease-in-out infinite}

@keyframes pulseBadge{0%,100%{box-shadow:0 0 0 0 rgba(233,69,96,.35)}50%{box-shadow:0 0 0 8px rgba(233,69,96,0)}}

.hero h1{font-size:2.85rem;font-weight:800;line-height:1.24;letter-spacing:-.03em;margin-bottom:22px}

.hero h1 .highlight{background:linear-gradient(135deg,#ff6b81 0%,#ffb36b 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

.hero p{font-size:1.05rem;color:rgba(255,255,255,.8);line-height:1.85;margin-bottom:34px;max-width:660px}

.hero-actions{display:flex;gap:14px;flex-wrap:wrap}

.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;border-radius:40px;font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all var(--transition);font-family:var(--font-sans);position:relative;overflow:hidden}

.btn-primary{background:var(--grad-accent);color:#fff;box-shadow:0 6px 20px rgba(233,69,96,.3)}

.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transition:left .55s ease}

.btn-primary:hover::before{left:100%}

.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-accent)}

.btn-outline{background:rgba(255,255,255,.06);color:#fff;border:1.5px solid rgba(255,255,255,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

.btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.14);transform:translateY(-3px)}

.hero-stats{display:flex;gap:52px;margin-top:52px;padding-top:34px;border-top:1px solid rgba(255,255,255,.14);flex-wrap:wrap}

.hero-stat-item .number{font-size:2.1rem;font-weight:800;background:linear-gradient(135deg,#ff6b81,#ffb36b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;line-height:1.2;font-variant-numeric:tabular-nums}

.hero-stat-item .label{font-size:.85rem;color:rgba(255,255,255,.62);margin-top:4px}

.section{padding:76px 0;position:relative}

.section-alt{background:var(--bg-secondary)}

.section-header{text-align:center;max-width:700px;margin:0 auto 50px}

.section-header .tag{display:inline-block;font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin-bottom:14px}

.section-header h2{font-size:2.05rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:16px;line-height:1.3}

.section-header p{font-size:1rem;color:var(--text-muted);line-height:1.78}

.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}

.card{background:var(--bg-card);backdrop-filter:blur(var(--blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--blur)) saturate(160%);border:1px solid var(--bg-glass-border);border-radius:var(--radius-md);padding:30px;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}

.card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}

.card:hover::before{transform:scaleX(1)}

.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px);border-color:transparent}

.card-icon{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,rgba(233,69,96,.14),rgba(123,92,255,.08));display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:var(--accent);transition:transform var(--transition)}

.card:hover .card-icon{transform:scale(1.08) rotate(-4deg)}

.card h3{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:10px}

.card p{font-size:.92rem;color:var(--text-muted);line-height:1.72}

.article-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}

.article-card{background:var(--bg-card);backdrop-filter:blur(var(--blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--blur)) saturate(160%);border:1px solid var(--bg-glass-border);border-radius:var(--radius-md);padding:28px;transition:transform var(--transition),box-shadow var(--transition);display:flex;flex-direction:column;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}

.article-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--grad-accent);transform:scaleX(0);transform-origin:right;transition:transform var(--transition)}

.article-card:hover::after{transform:scaleX(1)}

.article-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}

.article-meta{display:flex;align-items:center;gap:12px;font-size:.8rem;color:var(--text-muted);margin-bottom:14px}

.article-meta .category{color:var(--accent);font-weight:700;background:rgba(233,69,96,.1);padding:3px 12px;border-radius:20px}

.article-card h3{font-size:1.08rem;font-weight:700;color:var(--text-primary);margin-bottom:10px;line-height:1.48}

.article-card h3 a{color:inherit;text-decoration:none;transition:color var(--transition)}

.article-card h3 a:hover{color:var(--accent)}

.article-card p{font-size:.9rem;color:var(--text-muted);line-height:1.72;flex:1;margin-bottom:18px}

.read-more{font-size:.875rem;font-weight:600;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:gap var(--transition),color var(--transition);align-self:flex-start}

.read-more:hover{gap:9px;color:var(--accent-hover)}

.faq-list{max-width:840px;margin:0 auto;display:flex;flex-direction:column;gap:12px}

.faq-item{background:var(--bg-card);backdrop-filter:blur(var(--blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--blur)) saturate(160%);border:1px solid var(--bg-glass-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition);box-shadow:var(--shadow-sm)}

.faq-item.active{border-color:var(--accent);box-shadow:0 8px 28px rgba(233,69,96,.14)}

.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:none;border:none;cursor:pointer;font-size:1rem;font-weight:600;color:var(--text-primary);text-align:left;font-family:var(--font-sans);gap:16px;transition:color var(--transition)}

.faq-question:hover{color:var(--accent)}

.faq-question .icon{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;transition:transform var(--transition),background var(--transition),color var(--transition);font-size:1.15rem;color:var(--text-muted);line-height:1}

.faq-item.active .faq-question .icon{transform:rotate(135deg);background:var(--grad-accent);color:#fff}

.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .35s ease;padding:0 24px}

.faq-item.active .faq-answer{max-height:600px;padding:0 24px 22px}

.faq-answer p{font-size:.925rem;color:var(--text-muted);line-height:1.82}

.howto-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;counter-reset:step}

.howto-step{background:var(--bg-card);backdrop-filter:blur(var(--blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--blur)) saturate(160%);border:1px solid var(--bg-glass-border);border-radius:var(--radius-md);padding:30px 26px;position:relative;counter-increment:step;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}

.howto-step:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}

.howto-step::before{content:counter(step,decimal-leading-zero);font-size:2.4rem;font-weight:800;background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;opacity:.22;position:absolute;top:14px;right:22px;line-height:1}

.howto-step h4{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:10px;padding-right:44px}

.howto-step p{font-size:.9rem;color:var(--text-muted);line-height:1.78}

.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}

.testimonial-card{background:var(--bg-card);backdrop-filter:blur(var(--blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--blur)) saturate(160%);border:1px solid var(--bg-glass-border);border-radius:var(--radius-md);padding:30px;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}

.testimonial-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}

.testimonial-stars{color:#f5a623;font-size:1rem;margin-bottom:16px;letter-spacing:3px}

.testimonial-card blockquote{font-size:.92rem;color:var(--text-secondary);line-height:1.78;margin-bottom:20px;font-style:italic;border-left:3px solid;border-image:var(--grad-accent) 1;padding-left:16px}

.testimonial-author{display:flex;align-items:center;gap:12px}

.testimonial-avatar{width:44px;height:44px;border-radius:50%;background:var(--grad-accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.92rem;flex-shrink:0;box-shadow:0 4px 12px rgba(233,69,96,.3)}

.testimonial-author .name{font-weight:600;font-size:.9rem;color:var(--text-primary)}

.testimonial-author .role{font-size:.8rem;color:var(--text-muted)}

.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}

.contact-item{background:var(--bg-card);backdrop-filter:blur(var(--blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--blur)) saturate(160%);border:1px solid var(--bg-glass-border);border-radius:var(--radius-md);padding:28px 24px;text-align:center;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}

.contact-item:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}

.contact-item .ci-icon{width:48px;height:48px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,rgba(233,69,96,.14),rgba(123,92,255,.1));display:flex;align-items:center;justify-content:center;color:var(--accent);transition:transform var(--transition)}

.contact-item:hover .ci-icon{transform:scale(1.1)}

.contact-item h4{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}

.contact-item p{font-size:.875rem;color:var(--text-muted);line-height:1.65}

.contact-item a{color:var(--accent);text-decoration:none;transition:color var(--transition)}

.contact-item a:hover{color:var(--accent-hover);text-decoration:underline}

.site-footer{background:linear-gradient(180deg,#0f0f1a 0%,#0a0a14 100%);color:#a0a0b8;padding:60px 0 30px;position:relative;overflow:hidden}

.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--grad-accent);opacity:.5}

.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;margin-bottom:44px}

.footer-brand .logo{color:#fff;margin-bottom:16px}

.footer-brand .logo .accent{background:linear-gradient(135deg,#ff6b81,#ffb36b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

.footer-brand p{font-size:.875rem;line-height:1.78;color:#8888a8;max-width:330px}

.footer-col h4{font-size:.92rem;font-weight:700;color:#eaeaf0;margin-bottom:20px;letter-spacing:.02em;position:relative;padding-bottom:10px}

.footer-col h4::after{content:'';position:absolute;bottom:0;left:0;width:26px;height:2px;border-radius:2px;background:var(--grad-accent)}

.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:11px}

.footer-col ul a{color:#8888a8;text-decoration:none;font-size:.875rem;transition:color var(--transition),padding-left var(--transition)}

.footer-col ul a:hover{color:#ff6b81;padding-left:5px}

.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:26px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:.8rem;color:#6b6b8a}

.footer-bottom a{color:#8888a8;text-decoration:none;transition:color var(--transition)}

.footer-bottom a:hover{color:#ff6b81}

.back-to-top{position:fixed;bottom:30px;right:30px;width:48px;height:48px;border-radius:50%;background:var(--grad-accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-accent);opacity:0;visibility:hidden;transform:translateY(14px) scale(.9);transition:all var(--transition);z-index:999}

.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}

.back-to-top:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 16px 40px rgba(233,69,96,.45)}

.fade-in{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}

.fade-in.visible{opacity:1;transform:translateY(0)}

img[data-src]{opacity:0;transition:opacity .45s ease}

img.loaded{opacity:1}

.svg-icon{display:inline-block;vertical-align:middle}

::selection{background:rgba(233,69,96,.25);color:var(--text-primary)}

::-webkit-scrollbar{width:10px;height:10px}

::-webkit-scrollbar-track{background:var(--bg-primary)}

::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e94560,#7b5cff);border-radius:10px;border:2px solid var(--bg-primary)}

::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c72a4a,#6a4ce0)}

:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

@media (max-width:900px){
.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--bg-glass);backdrop-filter:blur(var(--blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--blur)) saturate(180%);flex-direction:column;padding:22px 20px;gap:18px;border-bottom:1px solid var(--bg-glass-border);box-shadow:var(--shadow-md);animation:slideDown .3s ease}
.nav-links.open{display:flex}
@keyframes slideDown{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
.nav-links a{font-size:1rem;width:100%}
.mobile-menu-btn{display:block}
.search-box{display:none}
.hero{padding:56px 0 48px;border-radius:0 0 var(--radius-md) var(--radius-md)}
.hero h1{font-size:2rem}
.hero p{font-size:.98rem}
.hero-stats{gap:32px}
.footer-grid{grid-template-columns:1fr 1fr;gap:32px}
.section{padding:60px 0}
}

@media (max-width:600px){
.header-inner{height:60px}
.logo{font-size:1.12rem}
.logo svg{width:28px;height:28px}
.nav-links{top:60px}
.hero{padding:44px 0 40px}
.hero h1{font-size:1.6rem}
.hero p{font-size:.92rem}
.hero-badge{font-size:.72rem;padding:6px 14px}
.hero-actions{flex-direction:column;align-items:stretch}
.btn{justify-content:center;padding:12px 24px}
.hero-stats{gap:22px;margin-top:38px;padding-top:26px}
.hero-stat-item .number{font-size:1.55rem}
.hero-stat-item .label{font-size:.78rem}
.section{padding:46px 0}
.section-header{margin-bottom:34px}
.section-header h2{font-size:1.5rem}
.section-header p{font-size:.92rem}
.card,.article-card,.testimonial-card,.howto-step,.contact-item{padding:22px}
.card-grid,.article-list,.testimonial-grid,.howto-steps,.contact-grid{gap:16px}
.footer-grid{grid-template-columns:1fr;gap:28px}
.footer-bottom{flex-direction:column;text-align:center;gap:10px}
.back-to-top{bottom:20px;right:20px;width:42px;height:42px}
.container{padding:0 16px}
}

@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}