.btn-outline { background: rgba(255, 255, 255, 0.1); color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.4); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .btn-outline:hover { background: #ffffff; color: #1d1d1f; border-color: #ffffff; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(255, 255, 255, 0.2); } .contacts-hero-section { position: relative; padding: 120px 20px 80px; background: linear-gradient(135deg, var(--bg-dark) 0%, var(--bg-dark-secondary) 50%, var(--bg-dark) 100%); overflow: hidden; min-height: 400px; display: flex; align-items: center; } .contacts-hero-section::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 80% 50% at 20% 50%, rgba(124, 58, 237, 0.15) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 80% 50%, rgba(167, 139, 250, 0.1) 0%, transparent 50%); pointer-events: none; } .contacts-hero-background { position: absolute; inset: 0; background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.05) 50%, transparent 100%); animation: contacts-shimmer 3s ease-in-out infinite; } .contacts-hero-content { position: relative; z-index: 1; text-align: center; max-width: 800px; margin: 0 auto; } .contacts-hero-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 20px; background: linear-gradient(135deg, rgba(124, 58, 237, 0.3) 0%, rgba(167, 139, 250, 0.2) 100%); border: 1px solid var(--border-color-dark); border-radius: 50px; color: var(--text-light); font-size: 14px; font-weight: 500; margin-bottom: 24px; backdrop-filter: blur(10px); } .contacts-hero-badge i { font-size: 16px; } .contacts-hero-title { font-size: 64px; font-weight: 700; color: var(--text-light); margin-bottom: 20px; background: linear-gradient(135deg, #ffffff 0%, var(--color-gray-light) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1.2; } .contacts-hero-subtitle { font-size: 20px; color: rgba(255, 255, 255, 0.8); line-height: 1.6; max-width: 600px; margin: 0 auto; } .contacts-map-section { padding: 60px 20px; background: var(--bg-primary); } .contacts-section-title { font-size: 28px; font-weight: 700; color: var(--text-primary); margin-bottom: 24px; text-align: center; } .contacts-section-title-social { margin-top: 48px; } .contacts-map-wrap { border-radius: 20px; overflow: hidden; box-shadow: var(--shadow-card); border: 1px solid var(--border-color); max-width: 100%; height: 400px; transition: box-shadow var(--transition-normal); } .contacts-map-wrap:hover { box-shadow: var(--shadow-lg); } .contacts-map-wrap iframe { display: block; width: 100%; height: 100%; } .contacts-cards-section { padding: 60px 20px 80px; background: var(--bg-gradient); } .contacts-cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; max-width: 1000px; margin: 0 auto; } .contacts-card { padding: 32px 24px; background: var(--bg-card); border-radius: 20px; border: 1px solid var(--border-color); box-shadow: var(--shadow-card); text-align: center; transition: all var(--transition-normal); } .contacts-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--accent-blue); } .contacts-card-icon { width: 64px; height: 64px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(124, 58, 237, 0.1) 0%, rgba(167, 139, 250, 0.05) 100%); border-radius: 16px; color: var(--accent-primary); font-size: 28px; transition: all var(--transition-normal); } .contacts-card:hover .contacts-card-icon { background: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%); color: var(--text-light); } .contacts-card-title { font-size: 18px; font-weight: 700; color: var(--text-primary); margin-bottom: 12px; } .contacts-card-text { font-size: 16px; color: var(--text-secondary); margin-bottom: 8px; line-height: 1.5; } .contacts-card-text a { color: var(--accent-primary); text-decoration: none; transition: color var(--transition-fast); } .contacts-card-text a:hover { color: var(--accent-primary); text-decoration: underline; } .contacts-card-note { font-size: 14px; color: var(--text-muted-strong); margin: 0; } .contacts-social-wrap { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; max-width: 600px; margin: 0 auto; } .contacts-social-link { display: inline-flex; align-items: center; gap: 10px; padding: 14px 24px; background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 16px; color: var(--text-primary); font-size: 16px; font-weight: 500; text-decoration: none; box-shadow: var(--shadow-card); transition: all var(--transition-normal); } .contacts-social-link:hover { background: var(--accent-primary); color: var(--text-light); border-color: var(--accent-primary); transform: translateY(-2px); box-shadow: var(--shadow-md); } .contacts-social-link:focus { outline: none; } .contacts-social-link:focus-visible { outline: 2px solid var(--accent-primary); outline-offset: 2px; } .contacts-social-link i { font-size: 22px; } .contacts-requisites-wrap { margin-top: 48px; padding-top: 48px; border-top: 1px solid var(--border-color); } .contacts-requisites-block { max-width: 700px; margin: 0 auto; padding: 24px; background: var(--bg-card); border-radius: 16px; border: 1px solid var(--border-color); } .contacts-requisites-text { font-size: 15px; line-height: 1.7; color: var(--text-secondary); margin: 0; } @media (max-width: 768px) { .contacts-hero-title { font-size: 42px; } .contacts-hero-subtitle { font-size: 18px; } .contacts-map-wrap { height: 320px; } .contacts-map-wrap iframe { height: 320px; } .contacts-cards-grid { grid-template-columns: 1fr; } .contacts-social-wrap { flex-direction: column; } .contacts-social-link { justify-content: center; } } .contacts-form-section { margin-top: 48px; padding-top: 48px; border-top: 1px solid var(--border-color); display: flex; flex-direction: column; align-items: center; text-align: center; } .contacts-form-section .contacts-section-title, .contacts-form-section .contacts-form-desc { text-align: center; } .contacts-form-section .contacts-form { width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; text-align: left; } .contacts-form-desc { font-size: 16px; color: var(--text-secondary); margin-bottom: 24px; } .contacts-form { max-width: 600px; } .contacts-form-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 20px; } .contacts-form .contact-form-group { margin-bottom: 0; } .contacts-form .contact-form-group-full { margin-bottom: 20px; } .contacts-form .contact-form-input, .contacts-form .contact-form-textarea { width: 100%; padding: 12px 16px; border: 2px solid var(--border-color); border-radius: 12px; font-size: 15px; font-family: var(--font-primary); transition: border-color var(--transition-fast), box-shadow var(--transition-fast); } .contacts-form .contact-form-input:focus, .contacts-form .contact-form-textarea:focus { outline: none; border-color: var(--accent-primary); box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.2); } .contacts-form .contact-form-textarea { resize: vertical; min-height: 100px; } .contacts-form .contact-form-group label { display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px; } .contacts-form .contact-form-group label i { color: var(--accent-primary); } .contacts-form .contact-form-error { display: block; font-size: 13px; color: var(--accent-red); margin-top: 4px; } .contacts-form .contact-form-consent { margin-bottom: 24px; } .contacts-form .contact-form-checkbox-label { display: flex; align-items: flex-start; gap: 10px; text-align: left; } .contacts-form .contact-form-checkbox-label input[type="checkbox"] { accent-color: var(--accent-primary); } .contacts-form .contact-form-checkbox-label a { color: var(--accent-primary); text-decoration: none; } .contacts-form .contact-form-checkbox-label a:hover { text-decoration: underline; } .contacts-form .contact-form-submit { background: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%); color: white; border: none; padding: 14px 32px; border-radius: 12px; font-size: 16px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 10px; transition: all 0.3s ease; } .contacts-form .contact-form-submit:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 4px 15px rgba(124, 58, 237, 0.35); } .contacts-form .contact-form-submit:disabled { opacity: 0.7; cursor: not-allowed; } .contacts-form-success { text-align: center; padding: 40px 20px; } .contacts-form-success-icon { font-size: 64px; color: var(--accent-green); margin-bottom: 16px; } .contacts-form-success h3 { font-size: 24px; font-weight: 700; color: var(--text-primary); margin-bottom: 8px; } .contacts-form-success p { font-size: 16px; color: var(--text-secondary); } @media (max-width: 768px) { .contacts-form-grid { grid-template-columns: 1fr; } } .warranty-hero-section { position: relative; padding: 120px 20px 80px; background: linear-gradient(135deg, var(--bg-dark) 0%, var(--bg-dark-secondary) 50%, var(--bg-dark) 100%); overflow: hidden; min-height: 400px; display: flex; align-items: center; } .warranty-hero-section::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 80% 50% at 20% 50%, rgba(124, 58, 237, 0.15) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 80% 50%, rgba(167, 139, 250, 0.1) 0%, transparent 50%); pointer-events: none; } .warranty-hero-background { position: absolute; inset: 0; background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.05) 50%, transparent 100%); animation: warranty-shimmer 3s ease-in-out infinite; } .warranty-hero-content { position: relative; z-index: 1; text-align: center; max-width: 800px; margin: 0 auto; } .warranty-hero-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 20px; background: linear-gradient(135deg, rgba(124, 58, 237, 0.3) 0%, rgba(167, 139, 250, 0.2) 100%); border: 1px solid var(--border-color-dark); border-radius: 50px; color: var(--text-light); font-size: 14px; font-weight: 500; margin-bottom: 24px; backdrop-filter: blur(10px); } .warranty-hero-badge i { font-size: 16px; } .warranty-hero-title { font-size: 64px; font-weight: 700; color: var(--text-light); margin-bottom: 20px; background: linear-gradient(135deg, #ffffff 0%, var(--color-gray-light) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1.2; } .warranty-hero-subtitle { font-size: 20px; color: rgba(255, 255, 255, 0.8); line-height: 1.6; max-width: 600px; margin: 0 auto; } .warranty-info-section { padding: 60px 20px; background: var(--bg-primary); } .warranty-section-title { font-size: 28px; font-weight: 700; color: var(--text-primary); margin-bottom: 24px; text-align: center; } .warranty-cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; max-width: 1100px; margin: 0 auto; } .warranty-card { padding: 32px 24px; background: var(--bg-card); border-radius: 20px; border: 1px solid var(--border-color); box-shadow: var(--shadow-card); text-align: center; transition: all var(--transition-normal); } .warranty-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--accent-primary); } .warranty-card-icon { width: 64px; height: 64px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(124, 58, 237, 0.1) 0%, rgba(167, 139, 250, 0.05) 100%); border-radius: 16px; color: var(--accent-primary); font-size: 28px; transition: all var(--transition-normal); } .warranty-card:hover .warranty-card-icon { background: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%); color: var(--text-light); } .warranty-card-title { font-size: 18px; font-weight: 700; color: var(--text-primary); margin-bottom: 12px; } .warranty-card-text { font-size: 16px; line-height: 1.6; color: var(--text-secondary); margin: 0; } .warranty-terms-section { padding: 60px 20px; background: var(--bg-gradient); } .warranty-terms-content { max-width: 700px; margin: 0 auto; } .warranty-terms-list { list-style: none; margin: 0 0 24px; padding: 0; } .warranty-terms-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 16px; line-height: 1.6; color: var(--text-secondary); margin-bottom: 12px; } .warranty-terms-list li i { color: var(--accent-green); font-size: 18px; flex-shrink: 0; margin-top: 2px; } .warranty-terms-note { font-size: 15px; line-height: 1.7; color: var(--text-muted); margin: 0; } .warranty-cta-section { padding: 60px 20px 80px; background: var(--bg-primary); } .warranty-cta-content { max-width: 600px; margin: 0 auto; text-align: center; } .warranty-cta-title { font-size: 32px; font-weight: 700; color: var(--text-primary); margin-bottom: 12px; } .warranty-cta-description { font-size: 18px; color: var(--text-secondary); margin-bottom: 32px; } .warranty-cta-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; } .warranty-cta-actions .btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; font-size: 16px; font-weight: 600; border-radius: 16px; text-decoration: none; transition: all var(--transition-normal); } .warranty-cta-actions .btn-outline { color: var(--accent-primary); background: transparent; border: 2px solid var(--accent-primary); } .warranty-cta-actions .btn-outline:hover { background: var(--accent-primary); color: var(--text-light); transform: translateY(-2px); box-shadow: var(--shadow-md); } @media (max-width: 768px) { .warranty-hero-title { font-size: 42px; } .warranty-hero-subtitle { font-size: 18px; } .warranty-cards-grid { grid-template-columns: 1fr; } .warranty-cta-title { font-size: 26px; } .warranty-cta-actions { flex-direction: column; } .warranty-cta-actions .btn { width: 100%; justify-content: center; } } .delivery-hero-section { position: relative; padding: 120px 20px 80px; background: linear-gradient(135deg, var(--bg-dark) 0%, var(--bg-dark-secondary) 50%, var(--bg-dark) 100%); overflow: hidden; min-height: 400px; display: flex; align-items: center; } .delivery-hero-section::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 80% 50% at 20% 50%, rgba(124, 58, 237, 0.15) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 80% 50%, rgba(167, 139, 250, 0.1) 0%, transparent 50%); pointer-events: none; } .delivery-hero-background { position: absolute; inset: 0; background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.05) 50%, transparent 100%); animation: delivery-shimmer 3s ease-in-out infinite; } .delivery-hero-content { position: relative; z-index: 1; text-align: center; max-width: 800px; margin: 0 auto; } .delivery-hero-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 20px; background: linear-gradient(135deg, rgba(124, 58, 237, 0.3) 0%, rgba(167, 139, 250, 0.2) 100%); border: 1px solid var(--border-color-dark); border-radius: 50px; color: var(--text-light); font-size: 14px; font-weight: 500; margin-bottom: 24px; backdrop-filter: blur(10px); } .delivery-hero-badge i { font-size: 16px; } .delivery-hero-title { font-size: 64px; font-weight: 700; color: var(--text-light); margin-bottom: 20px; background: linear-gradient(135deg, #ffffff 0%, var(--color-gray-light) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1.2; } .delivery-hero-subtitle { font-size: 20px; color: rgba(255, 255, 255, 0.8); line-height: 1.6; max-width: 600px; margin: 0 auto; } .delivery-options-section, .delivery-payment-section { padding: 60px 20px; background: var(--bg-primary); } .delivery-payment-section { background: var(--bg-gradient); } .delivery-section-title { font-size: 28px; font-weight: 700; color: var(--text-primary); margin-bottom: 24px; text-align: center; } .delivery-cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; max-width: 1000px; margin: 0 auto; } .delivery-card { padding: 32px 24px; background: var(--bg-card); border-radius: 20px; border: 1px solid var(--border-color); box-shadow: var(--shadow-card); text-align: center; transition: all var(--transition-normal); } .delivery-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--accent-primary); } .delivery-card-highlight { border-color: var(--accent-green); } .delivery-card-highlight:hover { border-color: var(--accent-green); } .delivery-card-icon { width: 64px; height: 64px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(124, 58, 237, 0.1) 0%, rgba(167, 139, 250, 0.05) 100%); border-radius: 16px; color: var(--accent-primary); font-size: 28px; transition: all var(--transition-normal); } .delivery-card:hover .delivery-card-icon { background: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%); color: var(--text-light); } .delivery-card-title { font-size: 18px; font-weight: 700; color: var(--text-primary); margin-bottom: 12px; } .delivery-card-price { font-size: 20px; font-weight: 700; color: var(--text-primary); margin-bottom: 12px; } .delivery-card-price-free { color: var(--accent-green); } .delivery-card-text { font-size: 16px; line-height: 1.6; color: var(--text-secondary); margin-bottom: 12px; } .delivery-card-note { font-size: 14px; color: var(--text-muted); margin: 0 0 8px; display: flex; align-items: center; justify-content: center; gap: 8px; } .delivery-card-note:last-child { margin-bottom: 0; } .delivery-card-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 50px; font-size: 13px; font-weight: 600; margin-bottom: 12px; } .delivery-card-badge-success { background: rgba(52, 199, 89, 0.15); color: var(--accent-green); } .delivery-card-badge-neutral { background: rgba(110, 110, 115, 0.12); color: var(--text-secondary); } .delivery-payment-note { display: flex; align-items: flex-start; gap: 12px; max-width: 700px; margin: 24px auto 0; padding: 16px 20px; background: rgba(255, 149, 0, 0.08); border-radius: 12px; font-size: 15px; color: var(--text-secondary); } .delivery-payment-note i { color: var(--accent-orange); flex-shrink: 0; margin-top: 2px; } .delivery-installment-section { padding: 60px 20px; background: var(--bg-primary); } .delivery-installment-content { max-width: 600px; margin: 0 auto; text-align: center; } .delivery-installment-icon { width: 80px; height: 80px; margin: 0 auto 24px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(124, 58, 237, 0.1) 0%, rgba(167, 139, 250, 0.05) 100%); border-radius: 20px; color: var(--accent-primary); font-size: 36px; } .delivery-installment-title { font-size: 28px; font-weight: 700; color: var(--text-primary); margin-bottom: 12px; } .delivery-installment-text { font-size: 16px; line-height: 1.6; color: var(--text-secondary); margin-bottom: 24px; } .delivery-installment-content .btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; font-size: 16px; font-weight: 600; border-radius: 16px; text-decoration: none; transition: all var(--transition-normal); } .delivery-cta-section { padding: 60px 20px 80px; background: var(--bg-gradient); } .delivery-cta-content { max-width: 600px; margin: 0 auto; text-align: center; } .delivery-cta-title { font-size: 32px; font-weight: 700; color: var(--text-primary); margin-bottom: 12px; } .delivery-cta-description { font-size: 18px; color: var(--text-secondary); margin-bottom: 32px; } .delivery-cta-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; } .delivery-cta-actions .btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; font-size: 16px; font-weight: 600; border-radius: 16px; text-decoration: none; transition: all var(--transition-normal); } .delivery-cta-actions .btn-outline { color: var(--accent-primary); background: transparent; border: 2px solid var(--accent-primary); } .delivery-cta-actions .btn-outline:hover { background: var(--accent-primary); color: var(--text-light); transform: translateY(-2px); box-shadow: var(--shadow-md); } @media (max-width: 768px) { .delivery-hero-title { font-size: 42px; } .delivery-hero-subtitle { font-size: 18px; } .delivery-cards-grid { grid-template-columns: 1fr; } .delivery-cta-title { font-size: 26px; } .delivery-cta-actions { flex-direction: column; } .delivery-cta-actions .btn { width: 100%; justify-content: center; } } .service-hero-section { position: relative; padding: 120px 20px 80px; background: linear-gradient(135deg, var(--bg-dark) 0%, var(--bg-dark-secondary) 50%, var(--bg-dark) 100%); overflow: hidden; min-height: 400px; display: flex; align-items: center; } .service-hero-section::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 80% 50% at 20% 50%, rgba(124, 58, 237, 0.15) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 80% 50%, rgba(167, 139, 250, 0.1) 0%, transparent 50%); pointer-events: none; } .service-hero-background { position: absolute; inset: 0; background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.05) 50%, transparent 100%); animation: service-shimmer 3s ease-in-out infinite; } .service-hero-content { position: relative; z-index: 1; text-align: center; max-width: 800px; margin: 0 auto; } .service-hero-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 20px; background: linear-gradient(135deg, rgba(124, 58, 237, 0.3) 0%, rgba(167, 139, 250, 0.2) 100%); border: 1px solid var(--border-color-dark); border-radius: 50px; color: var(--text-light); font-size: 14px; font-weight: 500; margin-bottom: 24px; backdrop-filter: blur(10px); } .service-hero-badge i { font-size: 16px; } .service-hero-title { font-size: 64px; font-weight: 700; color: var(--text-light); margin-bottom: 20px; background: linear-gradient(135deg, #ffffff 0%, var(--color-gray-light) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1.2; } .service-hero-subtitle { font-size: 20px; color: rgba(255, 255, 255, 0.8); line-height: 1.6; max-width: 600px; margin: 0 auto; } .service-info-section { padding: 60px 20px; background: var(--bg-primary); } .service-section-title { font-size: 28px; font-weight: 700; color: var(--text-primary); margin-bottom: 24px; text-align: center; } .service-cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; max-width: 1100px; margin: 0 auto; } .service-card { padding: 32px 24px; background: var(--bg-card); border-radius: 20px; border: 1px solid var(--border-color); box-shadow: var(--shadow-card); text-align: center; transition: all var(--transition-normal); } .service-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--accent-primary); } .service-card-icon { width: 64px; height: 64px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(124, 58, 237, 0.1) 0%, rgba(167, 139, 250, 0.05) 100%); border-radius: 16px; color: var(--accent-primary); font-size: 28px; transition: all var(--transition-normal); } .service-card:hover .service-card-icon { background: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%); color: var(--text-light); } .service-card-title { font-size: 18px; font-weight: 700; color: var(--text-primary); margin-bottom: 12px; } .service-card-text { font-size: 16px; line-height: 1.6; color: var(--text-secondary); margin: 0; } .service-advantages-section { padding: 60px 20px; background: var(--bg-gradient); } .service-terms-content { max-width: 600px; margin: 0 auto; } .service-terms-list { list-style: none; margin: 0; padding: 0; } .service-terms-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 16px; line-height: 1.6; color: var(--text-secondary); margin-bottom: 12px; } .service-terms-list li i { color: var(--accent-green); font-size: 18px; flex-shrink: 0; margin-top: 2px; } .service-cta-section { padding: 60px 20px 80px; background: var(--bg-primary); } .service-cta-content { max-width: 600px; margin: 0 auto; text-align: center; } .service-cta-title { font-size: 32px; font-weight: 700; color: var(--text-primary); margin-bottom: 12px; } .service-cta-description { font-size: 18px; color: var(--text-secondary); margin-bottom: 32px; } .service-cta-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; } .service-cta-actions .btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; font-size: 16px; font-weight: 600; border-radius: 16px; text-decoration: none; transition: all var(--transition-normal); } .service-cta-actions .btn-outline { color: var(--accent-primary); background: transparent; border: 2px solid var(--accent-primary); } .service-cta-actions .btn-outline:hover { background: var(--accent-primary); color: var(--text-light); transform: translateY(-2px); box-shadow: var(--shadow-md); } @media (max-width: 768px) { .service-hero-title { font-size: 42px; } .service-hero-subtitle { font-size: 18px; } .service-cards-grid { grid-template-columns: 1fr; } .service-cta-title { font-size: 26px; } .service-cta-actions { flex-direction: column; } .service-cta-actions .btn { width: 100%; justify-content: center; } } .documents-hero-section { position: relative; padding: 120px 20px 80px; background: linear-gradient(135deg, var(--bg-dark) 0%, var(--bg-dark-secondary) 50%, var(--bg-dark) 100%); overflow: hidden; min-height: 400px; display: flex; align-items: center; } .documents-hero-section::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 80% 50% at 20% 50%, rgba(124, 58, 237, 0.15) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 80% 50%, rgba(167, 139, 250, 0.1) 0%, transparent 50%); pointer-events: none; } .documents-hero-background { position: absolute; inset: 0; background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.05) 50%, transparent 100%); animation: documents-shimmer 3s ease-in-out infinite; } .documents-hero-content { position: relative; z-index: 1; text-align: center; max-width: 800px; margin: 0 auto; } .documents-hero-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 20px; background: linear-gradient(135deg, rgba(124, 58, 237, 0.3) 0%, rgba(167, 139, 250, 0.2) 100%); border: 1px solid var(--border-color-dark); border-radius: 50px; color: var(--text-light); font-size: 14px; font-weight: 500; margin-bottom: 24px; backdrop-filter: blur(10px); } .documents-hero-badge i { font-size: 16px; } .documents-hero-title { font-size: 64px; font-weight: 700; color: var(--text-light); margin-bottom: 20px; background: linear-gradient(135deg, #ffffff 0%, var(--color-gray-light) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1.2; } .documents-hero-subtitle { font-size: 20px; color: rgba(255, 255, 255, 0.8); line-height: 1.6; max-width: 600px; margin: 0 auto; } .documents-tabs-section { padding: 60px 20px 80px; background: var(--bg-primary); } .documents-tabs { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; margin-bottom: 48px; max-width: 1000px; margin-left: auto; margin-right: auto; } .documents-tab { display: inline-flex; align-items: center; gap: 12px; padding: 18px 28px; background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 16px; color: var(--text-primary); font-size: 16px; font-weight: 500; text-decoration: none; box-shadow: var(--shadow-card); transition: all var(--transition-normal); } .documents-tab:hover { background: var(--bg-card-hover); border-color: var(--accent-primary); transform: translateY(-2px); box-shadow: var(--shadow-md); } .documents-tab-active { background: linear-gradient(135deg, rgba(124, 58, 237, 0.08) 0%, rgba(167, 139, 250, 0.05) 100%); border-color: var(--accent-primary); color: var(--accent-primary); } .documents-tab:focus { outline: none; } .documents-tab:focus-visible { outline: 2px solid var(--accent-primary); outline-offset: 2px; } .documents-tab i { font-size: 20px; } .documents-content { max-width: 820px; margin: 0 auto; } .documents-content-title { font-size: 28px; font-weight: 700; color: var(--text-primary); margin-bottom: 40px; padding-bottom: 20px; border-bottom: 2px solid var(--border-color); } .documents-panel { padding-bottom: 40px; } .documents-section { margin-bottom: 40px; padding: 28px 32px; background: var(--bg-card); border-radius: 16px; border: 1px solid var(--border-color); box-shadow: var(--shadow-card); } .documents-section-title { font-size: 18px; font-weight: 700; color: var(--text-primary); margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid var(--border-color); letter-spacing: 0.02em; } .documents-text { font-size: 16px; line-height: 1.8; color: var(--text-secondary); } .documents-clause { margin-bottom: 14px; padding-left: 0; text-indent: 0; } .documents-clause:last-child { margin-bottom: 0; } .documents-text strong { color: var(--text-primary); font-weight: 600; } .documents-list { list-style: none; margin: 16px 0; padding: 0; } .documents-list li { position: relative; padding-left: 24px; margin-bottom: 12px; line-height: 1.75; color: var(--text-secondary); } .documents-list li::before { content: ''; position: absolute; left: 0; top: 0.55em; width: 6px; height: 6px; background: var(--accent-primary); border-radius: 50%; } .documents-list li:last-child { margin-bottom: 0; } .documents-list li strong { color: var(--text-primary); } .documents-requisites { padding: 24px 28px; background: var(--bg-secondary); border-radius: 12px; border: 1px solid var(--border-color); } .documents-requisites p { margin: 0 0 8px; font-size: 15px; line-height: 1.6; color: var(--text-primary); font-family: var(--font-primary); } .documents-requisites p:last-child { margin-bottom: 0; } @media (max-width: 768px) { .documents-hero-title { font-size: 42px; } .documents-hero-subtitle { font-size: 18px; } .documents-tabs { flex-direction: column; margin-bottom: 32px; } .documents-tab { justify-content: center; } } .corporate-hero-section { position: relative; padding: 120px 20px 80px; background: linear-gradient(135deg, var(--bg-dark) 0%, var(--bg-dark-secondary) 50%, var(--bg-dark) 100%); overflow: hidden; min-height: 400px; display: flex; align-items: center; } .corporate-hero-section::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 80% 50% at 20% 50%, rgba(124, 58, 237, 0.15) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 80% 50%, rgba(167, 139, 250, 0.1) 0%, transparent 50%); pointer-events: none; } .corporate-hero-background { position: absolute; inset: 0; background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.05) 50%, transparent 100%); animation: corporate-shimmer 3s ease-in-out infinite; } .corporate-hero-content { position: relative; z-index: 1; text-align: center; max-width: 800px; margin: 0 auto; } .corporate-hero-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 20px; background: linear-gradient(135deg, rgba(124, 58, 237, 0.3) 0%, rgba(167, 139, 250, 0.2) 100%); border: 1px solid var(--border-color-dark); border-radius: 50px; color: var(--text-light); font-size: 14px; font-weight: 500; margin-bottom: 24px; backdrop-filter: blur(10px); } .corporate-hero-badge i { font-size: 16px; } .corporate-hero-title { font-size: 64px; font-weight: 700; color: var(--text-light); margin-bottom: 20px; background: linear-gradient(135deg, #ffffff 0%, var(--color-gray-light) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1.2; } .corporate-hero-subtitle { font-size: 20px; color: rgba(255, 255, 255, 0.8); line-height: 1.6; max-width: 600px; margin: 0 auto; } .corporate-info-section { padding: 60px 20px; background: var(--bg-primary); } .corporate-section-title { font-size: 28px; font-weight: 700; color: var(--text-primary); margin-bottom: 24px; text-align: center; } .corporate-cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; max-width: 1100px; margin: 0 auto; } .corporate-card { padding: 32px 24px; background: var(--bg-card); border-radius: 20px; border: 1px solid var(--border-color); box-shadow: var(--shadow-card); text-align: center; transition: all var(--transition-normal); } .corporate-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--accent-primary); } .corporate-card-icon { width: 64px; height: 64px; margin: 0 auto 20px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(124, 58, 237, 0.1) 0%, rgba(167, 139, 250, 0.05) 100%); border-radius: 16px; color: var(--accent-primary); font-size: 28px; transition: all var(--transition-normal); } .corporate-card:hover .corporate-card-icon { background: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%); color: var(--text-light); } .corporate-card-title { font-size: 18px; font-weight: 700; color: var(--text-primary); margin-bottom: 12px; } .corporate-card-text { font-size: 16px; line-height: 1.6; color: var(--text-secondary); margin: 0; } .corporate-how-section { padding: 60px 20px; background: var(--bg-gradient); } .corporate-terms-content { max-width: 600px; margin: 0 auto; } .corporate-terms-list { list-style: none; margin: 0; padding: 0; } .corporate-terms-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 16px; line-height: 1.6; color: var(--text-secondary); margin-bottom: 12px; } .corporate-terms-list li i { color: var(--accent-green); font-size: 18px; flex-shrink: 0; margin-top: 2px; } .corporate-cta-section { padding: 60px 20px 80px; background: var(--bg-primary); } .corporate-cta-content { max-width: 600px; margin: 0 auto; text-align: center; } .corporate-cta-title { font-size: 32px; font-weight: 700; color: var(--text-primary); margin-bottom: 12px; } .corporate-cta-description { font-size: 18px; color: var(--text-secondary); margin-bottom: 32px; } .corporate-cta-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; } .corporate-cta-actions .btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; font-size: 16px; font-weight: 600; border-radius: 16px; text-decoration: none; transition: all var(--transition-normal); } .corporate-cta-actions .btn-outline { color: var(--accent-primary); background: transparent; border: 2px solid var(--accent-primary); } .corporate-cta-actions .btn-outline:hover { background: var(--accent-primary); color: var(--text-light); transform: translateY(-2px); box-shadow: var(--shadow-md); } @media (max-width: 768px) { .corporate-hero-title { font-size: 42px; } .corporate-hero-subtitle { font-size: 18px; } .corporate-cards-grid { grid-template-columns: 1fr; } .corporate-cta-title { font-size: 26px; } .corporate-cta-actions { flex-direction: column; } .corporate-cta-actions .btn { width: 100%; justify-content: center; } } .contacts-reviews-wrap { max-width: 760px; margin: 0 auto; border-radius: 20px; overflow: hidden; border: 1px solid var(--border-color, rgba(0, 0, 0, .08)); box-shadow: var(--shadow-card); background: var(--bg-primary, #fff); } .contacts-reviews-wrap iframe { display: block; width: 100%; height: 600px; border: 0; } @media (max-width: 768px) { .contacts-reviews-wrap iframe { height: 520px; } }