* {font-display:swap !important}
@font-face {font-family:'TildaSans'; font-display:swap !important}
* {margin:0; padding:0; box-sizing:border-box}
body {font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif; line-height:1.5; color:#1f2937; overflow-x:hidden}
.container {max-width:1600px; margin:0 auto; padding:0 20px}
@media screen and (max-width:768px) {.t823__col_img_mobile {display:none !important}
 .t823__col_form_mobile {width:100% !important; display:block}
 .t823__wrapper_mobile {height:auto !important}
 .t823__main-wrapper {padding:20px}
}
.hero {background:linear-gradient(135deg,#0ea5e9 0,#0284c7 50%,#0369a1 100%); min-height:auto; padding:80px 0 60px; position:relative; overflow:hidden}
.hero::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,0.1) 1px,transparent 1px); background-size:50px 50px}
.hero-content {position:relative; z-index:1}
.hero-grid {display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center}
.social-proof-hero {background:rgba(255,255,255,0.15); backdrop-filter:blur(10px); border-radius:12px; padding:10px 16px; display:inline-flex; align-items:center; gap:10px; margin-bottom:16px; border:1px solid rgba(255,255,255,0.2)}
.avatars-group {display:flex}
.avatar-mini {width:28px; height:28px; border-radius:50%; background:linear-gradient(135deg,#fbbf24,#f59e0b); border:2px solid white; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:600; color:white; margin-left:-6px}
.avatar-mini:first-child {margin-left:0}
.social-proof-text {color:white; font-size:12px; font-weight:500}
.hero-badge {display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,0.2); backdrop-filter:blur(10px); padding:6px 14px; border-radius:50px; color:white; font-size:13px; margin-bottom:12px}
.hero h1 {font-size:clamp(2rem,3.5vw,3rem); font-weight:800; color:white; line-height:1.2; margin-bottom:16px}
.hero h1 .highlight-price {color:#fbbf24; display:block; font-size:clamp(3rem,6vw,5rem); text-shadow:2px 2px 4px rgba(0,0,0,0.2); animation:pulse-scale 2s ease-in-out infinite; margin-top:8px}
@keyframes pulse-scale {0%,100% {transform:scale(1)}
 50% {transform:scale(1.03)}
}
.hero-subtitle {font-size:1.1rem; color:rgba(255,255,255,0.9); margin-bottom:20px; max-width:480px; line-height:1.5}
.price-tag-hero {background:linear-gradient(135deg,#ef4444 0,#dc2626 100%); color:white; display:inline-block; padding:16px 24px; border-radius:16px; margin-bottom:20px; box-shadow:0 10px 30px rgba(239,68,68,0.4); transform:rotate(-2deg); animation:shake 3s ease-in-out infinite; position:relative; overflow:hidden}
.price-tag-hero::before {content:''; position:absolute; top:-50%; left:-50%; width:200%; height:200%; background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,0.1) 10px,rgba(255,255,255,0.1) 20px ); animation:moveStripes 20s linear infinite}
@keyframes moveStripes {0% {transform:translate(0,0)}
 100% {transform:translate(50px,50px)}
}
@keyframes shake {0%,90%,100% {transform:rotate(-2deg)}
 92% {transform:rotate(-5deg)}
 94% {transform:rotate(0deg)}
 96% {transform:rotate(-5deg)}
 98% {transform:rotate(0deg)}
}
.price-tag-hero .old-price {text-decoration:line-through; opacity:0.8; font-size:0.9rem; display:block; margin-bottom:4px}
.price-tag-hero .new-price-big {font-size:3rem; font-weight:900; line-height:1; text-shadow:2px 2px 4px rgba(0,0,0,0.2)}
.price-tag-hero .urgency-text {font-size:0.85rem; margin-top:8px; font-weight:600; background:rgba(0,0,0,0.25); padding:4px 12px; border-radius:20px; display:inline-block}
.usp-grid {display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-bottom:20px}
.usp-item {display:flex; align-items:center; gap:12px; color:white; font-size:0.95rem}
.usp-icon {width:40px; height:40px; background:rgba(255,255,255,0.2); border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:1rem}
.usp-title {font-weight:600; font-size:1rem}
.usp-desc {font-size:0.85rem; opacity:0.85}
.rating {display:flex; align-items:center; gap:12px; margin-bottom:16px}
.stars {display:flex; gap:4px}
.star {color:#fbbf24; font-size:18px}
.cta-buttons {display:flex; flex-wrap:wrap; gap:12px; margin-bottom:16px}
.btn-primary {background:#FF6B35; color:white; padding:16px 32px; border:none; border-radius:12px; font-size:1.1rem; font-weight:700; cursor:pointer; transition:all 0.3s; box-shadow:0 4px 15px rgba(255,107,53,0.35); display:inline-flex; align-items:center; gap:8px; animation:pulse-btn 2s ease-in-out infinite}
@keyframes pulse-btn {0%,100% {box-shadow:0 4px 15px rgba(255,107,53,0.35); transform:scale(1)}
 50% {box-shadow:0 6px 25px rgba(255,107,53,0.5); transform:scale(1.02)}
}
.btn-primary:hover {background:#E55A2B; transform:translateY(-2px)}
.btn-secondary {background:transparent; color:white; padding:16px 32px; border:2px solid rgba(255,255,255,0.5); border-radius:12px; font-size:1.1rem; font-weight:600; cursor:pointer; transition:all 0.3s; text-decoration:none; display:inline-flex; align-items:center; gap:8px}
.btn-secondary:hover {background:white; color:#0284c7; border-color:white}
.guarantee-badge {display:flex; align-items:center; gap:8px; color:rgba(255,255,255,0.9); font-size:14px}
.guarantee-badge i {color:#fbbf24; font-size:18px}
.hero-image {position:relative; display:flex; justify-content:center}
.master-card {background:rgba(255,255,255,0.1); backdrop-filter:blur(10px); border-radius:24px; padding:35px; text-align:center; color:white; max-width:380px; width:100%; border:1px solid rgba(255,255,255,0.1)}
.master-avatar {width:140px; height:140px; background:rgba(255,255,255,0.15); border-radius:50%; margin:0 auto 18px; display:flex; align-items:center; justify-content:center; overflow:hidden; border:3px solid rgba(255,255,255,0.2)}
.master-avatar img {width:100%; height:100%; object-fit:cover; border-radius:50%}
.master-name {font-size:1.5rem; font-weight:700; margin-bottom:6px}
.master-status {opacity:0.9; font-size:1rem; margin-bottom:14px}
.online-indicator {display:flex; align-items:center; justify-content:center; gap:8px; font-size:14px; opacity:0.9; margin-bottom:18px}
.online-dot {width:10px; height:10px; background:#10b981; border-radius:50%; animation:pulse-green 2s infinite}
@keyframes pulse-green {0%,100% {opacity:1; transform:scale(1)}
 50% {opacity:0.6; transform:scale(0.8)}
}
.master-stats {display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding-top:18px; border-top:1px solid rgba(255,255,255,0.2)}
.master-stats .stat-item {text-align:center}
.master-stats .stat-value {font-size:1.3rem; font-weight:800; color:#fbbf24; line-height:1}
.master-stats .stat-label {font-size:11px; opacity:0.85; margin-top:4px}
.floating-badge {position:absolute; bottom:-40px; left:-20px; background:white; border-radius:16px; padding:14px; box-shadow:0 10px 30px rgba(0,0,0,0.15); animation:float 3s ease-in-out infinite}
@keyframes float {0%,100% {transform:translateY(0)}
 50% {transform:translateY(-8px)}
}
.floating-badge-top {position:absolute; top:-20px; right:90px; background:linear-gradient(135deg,#fbbf24 0,#f59e0b 100%); border-radius:16px; padding:12px 16px; box-shadow:0 10px 30px rgba(0,0,0,0.15); font-weight:800; color:#1f2937; font-size:1rem; animation:float 3s ease-in-out infinite 0.5s}
@media (max-width:1024px) {.hero-grid {grid-template-columns:1fr 1fr; gap:40px}
 .hero h1 .highlight-price {font-size:clamp(2rem,4vw,3rem)}
 .price-tag-hero .new-price-big {font-size:2.5rem}
 .master-card {max-width:260px; padding:22px}
 .floating-badge {left:-10px; padding:12px}
 .floating-badge-top {right:-10px; padding:10px 12px}
}
@media (max-width:768px) {.container {padding:0 16px}
 .hero {padding:70px 0 50px}
 .hero-grid {grid-template-columns:1fr; gap:35px}
 .hero-image {order:-1}
 .master-card {max-width:280px; margin:0 auto; padding:24px}
 .master-avatar {width:100px; height:100px}
 .floating-badge,.floating-badge-top {display:none}
 .hero h1 {text-align:center; font-size:1.6rem}
 .hero h1 .highlight-price {font-size:2.2rem; margin-top:6px}
 .hero-subtitle {text-align:center; font-size:1rem; margin:0 auto 18px}
 .price-tag-hero {display:block; text-align:center; transform:rotate(0); margin:0 auto 18px; max-width:300px}
 .usp-grid {gap:12px}
 .usp-item {font-size:0.9rem}
 .rating {justify-content:center}
 .cta-buttons {flex-direction:column; align-items:center}
 .btn-primary,.btn-secondary {width:100%; max-width:340px; justify-content:center; padding:18px}
 .guarantee-badge {justify-content:center; text-align:center; flex-wrap:wrap}
}
@media (max-width:480px) {.hero h1 {font-size:1.4rem}
 .hero h1 .highlight-price {font-size:1.9rem}
 .price-tag-hero {padding:14px 20px}
 .price-tag-hero .new-price-big {font-size:2.2rem}
 .usp-grid {grid-template-columns:1fr; gap:10px}
 .usp-icon {width:36px; height:36px}
 .master-card {max-width:260px; padding:20px}
}
.section {padding:70px 0}
.section:nth-child(even) {background:#f9fafb}
.section-header {text-align:center; margin-bottom:50px}
.section-title {font-size:clamp(1.7rem,3vw,2.4rem); font-weight:800; color:#1f2937; margin-bottom:12px}
.section-subtitle {font-size:1.05rem; color:#6b7280; max-width:600px; margin:0 auto}
.problems-grid {grid-template-columns:repeat(4,1fr); gap:30px}
@media (max-width:1200px) {.problems-grid {grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px) {.problems-grid {grid-template-columns:repeat(2,1fr)}
}
.problem-card {background:#f3f4f6; border-radius:16px; padding:24px; transition:all 0.3s; cursor:pointer; border:2px solid transparent}
.problem-card:hover {transform:translateY(-5px); box-shadow:0 20px 25px -5px rgba(0,0,0,0.1); background:white; border-color:#dbeafe}
.problem-icon {width:56px; height:56px; background:linear-gradient(135deg,#dbeafe 0,#bfdbfe 100%); border-radius:14px; display:flex; align-items:center; justify-content:center; margin-bottom:16px; font-size:24px; color:#3b82f6; transition:all 0.3s}
.problem-card:hover .problem-icon {background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%); color:white; transform:scale(1.05)}
.problem-title {font-size:1.15rem; font-weight:700; color:#1f2937; margin-bottom:8px}
.problem-desc {color:#6b7280; font-size:0.95rem; line-height:1.5}
.process-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:30px; position:relative}
.process-line {position:absolute; top:40px; left:0; right:0; height:2px; background:linear-gradient(90deg,#dbeafe 0,#3b82f6 50%,#dbeafe 100%); z-index:0}
.step-card {background:white; border-radius:20px; padding:30px; box-shadow:0 4px 6px -1px rgba(0,0,0,0.08); position:relative; z-index:1; transition:all 0.3s; border:1px solid #f3f4f6}
.step-card:hover {transform:translateY(-5px); box-shadow:0 20px 25px -5px rgba(0,0,0,0.12); border-color:#dbeafe}
.step-number {position:absolute; top:-15px; left:30px; width:36px; height:36px; background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%); color:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:1.1rem; box-shadow:0 4px 10px rgba(59,130,246,0.3)}
.step-icon {width:64px; height:64px; background:linear-gradient(135deg,#dbeafe 0,#bfdbfe 100%); border-radius:16px; display:flex; align-items:center; justify-content:center; font-size:28px; color:#3b82f6; margin:20px 0 24px; transition:all 0.3s}
.step-card:hover .step-icon {transform:scale(1.1) rotate(5deg)}
.step-title {font-size:1.25rem; font-weight:700; color:#1f2937; margin-bottom:10px}
.step-desc {color:#6b7280; line-height:1.6; font-size:0.95rem}
.prices-table {background:white; border-radius:20px; overflow:hidden; box-shadow:0 4px 15px rgba(0,0,0,0.08); margin-bottom:30px; border:1px solid #f3f4f6}
.prices-header {background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%); color:white; padding:18px 24px; display:grid; grid-template-columns:2fr 1fr 1fr; gap:16px; font-weight:700; font-size:1rem}
.price-row {padding:18px 24px; display:grid; grid-template-columns:2fr 1fr 1fr; gap:16px; align-items:center; border-bottom:1px solid #f3f4f6; transition:all 0.3s; font-size:1rem}
.price-row:hover {background:#f8fafc; transform:scale(1.01)}
.price-row:last-child {border-bottom:none}
.service-name {display:flex; align-items:center; gap:12px; font-weight:600}
.check-icon {color:#10b981; font-size:1.1rem}
.price-value {font-weight:700; text-align:center; font-size:1.05rem}
.price-time {color:#6b7280; text-align:center; font-size:0.95rem}
.popular-badge {background:linear-gradient(135deg,#ef4444 0,#dc2626 100%); color:white; font-size:11px; padding:4px 10px; border-radius:20px; margin-left:8px; font-weight:700; text-transform:uppercase}
.sale-banner {background:linear-gradient(135deg,#ef4444 0,#dc2626 100%); border-radius:20px; padding:35px; margin-bottom:35px; color:white; text-align:center; position:relative; overflow:hidden; box-shadow:0 15px 40px rgba(239,68,68,0.3); animation:sale-pulse 2s ease-in-out infinite}
@keyframes sale-pulse {0%,100% {transform:scale(1)}
 50% {transform:scale(1.01)}
}
.sale-banner::before {content:'АКЦИЯ'; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-15deg); font-size:8rem; font-weight:900; opacity:0.08; white-space:nowrap; pointer-events:none}
.sale-content {position:relative; z-index:1}
.sale-title {font-size:1.6rem; font-weight:900; margin-bottom:10px; text-transform:uppercase; letter-spacing:2px}
.sale-subtitle {font-size:1.2rem; margin-bottom:20px; opacity:0.95}
.sale-price {font-size:5rem; font-weight:900; line-height:1; margin:20px 0; text-shadow:3px 3px 6px rgba(0,0,0,0.2)}
.sale-price span {font-size:2.5rem; font-weight:600}
.sale-timer {background:rgba(0,0,0,0.2); border-radius:12px; padding:14px 28px; display:inline-block; margin-top:20px; font-weight:700; font-size:1rem}
.old-price {text-decoration:line-through; color:#9ca3af; font-size:1rem; margin-right:8px}
.new-price {color:#ef4444; font-weight:800; font-size:1.2rem}
.price-row.sale-row {background:linear-gradient(90deg,#fef2f2 0,#fff 50%,#fef2f2 100%); border-left:4px solid #ef4444; position:relative}
.price-row.sale-row::after {content:'АКЦИЯ'; position:absolute; right:10px; top:10px; transform:rotate(0); background:linear-gradient(135deg,#ef4444 0,#dc2626 100%); color:white; padding:4px 10px; border-radius:6px; font-size:10px; font-weight:800; animation:badge-pulse 1.5s ease-in-out infinite; box-shadow:0 3px 8px rgba(239,68,68,0.3); z-index:5}
@keyframes badge-pulse {0%,100% {transform:rotate(0) scale(1)}
 50% {transform:rotate(0) scale(1.05)}
}
@keyframes badge-pulse {0%,100% {transform:translateY(-50%) rotate(12deg) scale(1)}
 50% {transform:translateY(-50%) rotate(12deg) scale(1.08)}
}
.calculator {background:white; border-radius:20px; padding:35px; box-shadow:0 4px 20px rgba(0,0,0,0.08); max-width:650px; margin:0 auto; border:1px solid #f3f4f6}
.form-group {margin-bottom:24px}
.form-label {display:block; font-weight:600; color:#374151; margin-bottom:10px; font-size:1rem}
.form-select {width:100%; padding:14px 18px; border:2px solid #e5e7eb; border-radius:12px; font-size:1rem; transition:all 0.3s; background:white; cursor:pointer}
.form-select:focus {outline:none; border-color:#3b82f6; box-shadow:0 0 0 4px rgba(59,130,246,0.1)}
.advantages-grid {grid-template-columns:repeat(3,1fr); gap:35px}
@media (max-width:1100px) {.advantages-grid {grid-template-columns:repeat(2,1fr)}
}
.advantage-card {background:white; border-radius:20px; padding:32px; transition:all 0.3s; border:2px solid #f3f4f6; position:relative; overflow:hidden}
.advantage-card::before {content:''; position:absolute; top:0; left:0; width:100%; height:4px; background:linear-gradient(90deg,#3b82f6,#8b5cf6); transform:scaleX(0); transition:transform 0.3s}
.advantage-card:hover {transform:translateY(-5px); box-shadow:0 20px 30px -5px rgba(0,0,0,0.1); border-color:#dbeafe}
.advantage-card:hover::before {transform:scaleX(1)}
.advantage-icon {width:64px; height:64px; border-radius:16px; display:flex; align-items:center; justify-content:center; font-size:28px; margin-bottom:24px; transition:all 0.3s}
.adv1 {background:linear-gradient(135deg,#dbeafe 0,#bfdbfe 100%); color:#3b82f6}
.adv2 {background:linear-gradient(135deg,#dcfce7 0,#bbf7d0 100%); color:#22c55e}
.adv3 {background:linear-gradient(135deg,#f3e8ff 0,#e9d5ff 100%); color:#a855f7}
.adv4 {background:linear-gradient(135deg,#fed7aa 0,#fdba74 100%); color:#f97316}
.adv5 {background:linear-gradient(135deg,#fee2e2 0,#fecaca 100%); color:#ef4444}
.advantage-card:hover .advantage-icon {transform:scale(1.1) rotate(5deg)}
.advantage-title {font-size:1.2rem; font-weight:700; color:#1f2937; margin-bottom:12px}
.advantage-desc {color:#6b7280; line-height:1.7; font-size:0.95rem}
.trust-badges {display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:50px}
.trust-badge {background:white; border-radius:16px; padding:24px; text-align:center; box-shadow:0 4px 10px rgba(0,0,0,0.05); transition:all 0.3s; border:2px solid #f3f4f6}
.trust-badge:hover {transform:translateY(-3px); border-color:#dbeafe}
.trust-value {font-size:2.2rem; font-weight:800; margin-bottom:6px}
.trust-label {font-size:0.9rem; color:#6b7280; font-weight:500}
.reviews-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); gap:24px}
.review-card {background:white; border-radius:20px; padding:28px; box-shadow:0 4px 15px rgba(0,0,0,0.06); transition:all 0.3s; border:2px solid transparent}
.review-card:hover {transform:translateY(-5px); box-shadow:0 20px 30px -5px rgba(0,0,0,0.1); border-color:#dbeafe}
.review-quote {font-size:40px; color:#dbeafe; margin-bottom:16px; line-height:1}
.review-stars {display:flex; gap:4px; margin-bottom:16px}
.review-star {color:#fbbf24; font-size:18px}
.review-text {color:#4b5563; line-height:1.7; font-size:1rem; margin-bottom:20px; font-style:italic}
.review-author {display:flex; align-items:center; gap:14px}
.review-avatar {width:52px; height:52px; background:linear-gradient(135deg,#dbeafe 0,#bfdbfe 100%); border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; color:#3b82f6; font-size:1.2rem}
.review-info {flex:1}
.review-name {font-weight:700; color:#1f2937; font-size:1.05rem}
.review-meta {font-size:0.9rem; color:#9ca3af}
.faq-list {max-width:1000px; margin:0 auto; width:100%}
.faq-item {background:white; border-radius:16px; margin-bottom:16px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.04); border:2px solid #f3f4f6; transition:all 0.3s}
.faq-item:hover {border-color:#dbeafe}
.faq-question {padding:22px 24px; display:flex; align-items:center; justify-content:space-between; cursor:pointer; font-weight:700; color:#1f2937; font-size:1.05rem; transition:all 0.3s}
.faq-question:hover {background:#f8fafc; color:#3b82f6}
.faq-question i {color:#3b82f6; font-size:1.2rem; transition:transform 0.3s}
.faq-item.active .faq-question i {transform:rotate(180deg)}
.faq-answer {padding:0 24px 22px 64px; color:#6b7280; line-height:1.7; font-size:1rem; display:none}
.faq-item.active .faq-answer {display:block; animation:fadeIn 0.3s ease}
@keyframes fadeIn {from {opacity:0; transform:translateY(-10px)}
 to {opacity:1; transform:translateY(0)}
}
.footer {background:linear-gradient(135deg,#111827 0,#1f2937 100%); color:white; padding:50px 0 24px}
.footer-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:35px; margin-bottom:40px}
.footer-title {font-size:1.2rem; font-weight:700; margin-bottom:20px; color:#fbbf24}
.footer-text {color:#9ca3af; margin-bottom:16px; line-height:1.6}
.footer-link {display:flex; align-items:center; gap:12px; color:#9ca3af; text-decoration:none; margin-bottom:14px; transition:all 0.3s; font-size:1rem}
.footer-link:hover {color:#3b82f6; transform:translateX(5px)}
.footer-link i {color:#3b82f6; width:20px}
.footer-bottom {border-top:1px solid #374151; padding-top:24px; text-align:center; color:#9ca3af; font-size:0.9rem}
.floating-phone-btn {position:fixed; bottom:20px; right:20px; width:60px; height:60px; background:linear-gradient(135deg,#22c55e 0,#16a34a 100%); color:white; border-radius:50%; display:none; align-items:center; justify-content:center; font-size:24px; box-shadow:0 6px 20px rgba(34,197,94,0.4); z-index:1000; animation:pulse-green 2s infinite; border:3px solid white}
@keyframes pulse-green {0%,100% {box-shadow:0 0 0 0 rgba(34,197,94,0.6)}
 50% {box-shadow:0 0 0 15px rgba(34,197,94,0)}
}
@media (max-width:768px) {.floating-phone-btn {display:flex}
}
.text-center {text-align:center}
.mt-8 {margin-top:32px}
@media (max-width:1024px) {.process-line {display:none}
 .trust-badges {grid-template-columns:repeat(2,1fr)}
 .prices-header,.price-row {padding:16px 20px}
 .sale-price {font-size:4rem}
}
@media (max-width:768px) {.section {padding:50px 0}
 .process-grid {grid-template-columns:1fr}
 .step-card {padding:24px}
 .prices-header,.price-row {grid-template-columns:1fr; gap:8px; text-align:center}
 .prices-header {display:none}
 .price-row.sale-row::after {position:static; transform:rotate(0); display:inline-block; margin-top:8px}
 .trust-badges {grid-template-columns:repeat(2,1fr); gap:12px}
 .trust-badge {padding:18px}
 .trust-value {font-size:1.8rem}
 .advantages-grid {grid-template-columns:1fr}
 .advantage-card {padding:24px}
 .reviews-grid {grid-template-columns:1fr}
 .review-card {padding:22px}
 .sale-banner {padding:28px 20px}
 .sale-title {font-size:1.3rem}
 .sale-price {font-size:3.5rem}
 .sale-price span {font-size:1.8rem}
 .calculator {padding:24px}
 .faq-question {padding:18px 20px; font-size:1rem}
 .faq-answer {padding:0 20px 18px 56px}
}
@media (max-width:480px) {.trust-badges {grid-template-columns:1fr}
 .sale-banner::before {font-size:5rem}
}
.text-center {text-align:center}
.mt-8 {margin-top:24px}
@media (min-width:1400px) {.container {max-width:1500px}
 .hero-grid {gap:100px}
 .master-card {max-width:420px; padding:40px}
 .master-avatar {width:160px; height:160px}
 .problems-grid {grid-template-columns:repeat(4,1fr)}
 .advantages-grid {grid-template-columns:repeat(3,1fr)}
 .trust-badges {grid-template-columns:repeat(4,1fr); max-width:1200px; margin:0 auto 50px}
}
@media (min-width:1200px) {.faq-list {display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:none}
 .faq-item {margin-bottom:0}
}
@media (min-width:1800px) {.container {max-width:1700px}
 .hero h1 {font-size:3.2rem}
 .hero h1 .highlight-price {font-size:5.5rem}
}
.floating-cta-yellow {display:inline-flex; align-items:center; gap:30px; background:linear-gradient(135deg,#fbbf24 0,#f59e0b 100%); color:#1f2937; padding:18px 28px; border-radius:50px; font-weight:800; font-size:1.1rem; text-decoration:none; box-shadow:0 10px 30px rgba(251,191,36,0.4); animation:float 3s ease-in-out infinite; margin-top:17x; border:3px solid white; transition:all 0.3s; position:relative; z-index:10}
.floating-cta-yellow:hover {transform:translateY(-3px) scale(1.05); box-shadow:0 15px 40px rgba(251,191,36,0.6); color:#000}
.floating-cta-yellow i {font-size:1.2rem; animation:phone-shake 2s infinite}
@keyframes phone-shake {0%,100% {transform:rotate(0)}
 5% {transform:rotate(15deg)}
 10% {transform:rotate(-15deg)}
 15% {transform:rotate(10deg)}
 20% {transform:rotate(0)}
}
@media (max-width:768px) {.floating-cta-yellow {display:flex; width:100%; max-width:340px; justify-content:center; margin:20px auto 0; font-size:1rem; padding:18px 24px}
}
@keyframes pulse-green-btn {
    0%, 100% { box-shadow: 0 4px 15px rgba(34, 197, 94, 0.35); transform: scale(1); }
    50% { box-shadow: 0 6px 25px rgba(34, 197, 94, 0.5); transform: scale(1.02); }
}

.buyback-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 50px rgba(251, 191, 36, 0.2);
}
.floating-phone-btn {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 60px;
            height: 60px;
            background: #22c55e;
            color: white;
            border-radius: 50%;
            display: none;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            box-shadow: 0 4px 12px rgba(34, 197, 94, 0.4);
            z-index: 1000;
            animation: pulse 2s infinite;
        }

        @media (max-width: 768px) {
            .floating-phone-btn {
                display: flex;
            }
        }