.price,
.title-line {
 white-space: nowrap;
}
.ai-info,
.ai-stat-card,
.animated-stat-card,
.auth-form-title,
.balance-item,
.feature-card-small,
.feature-description,
.feature-number,
.feature-title,
.hero-content,
.placeholder-text,
.popup-header,
.ready-to-start-card,
.section-subtitle,
.section-title,
.stat-item,
.support-card {
 text-align: center;
}
.btn-fixed.btn-primary {
 animation: 2s ease-in-out infinite pulse;
}
.price {
 display: inline-flex;
 align-items: baseline;
 gap: 8px;
 font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
 font-variant-numeric: tabular-nums;
}
.price__old s {
 color: #ff6161;
 text-decoration: line-through;
 text-decoration-thickness: 2px;
 text-decoration-color: #ff6161;
 font-size: 24px;
}
.price__new {
 color: #00f5c0;
 font-weight: 1000;
 font-size: 32px;
 line-height: 1;
}
.leadform input {
 background: 0 0 !important;
}
.ai-stat-card .stat-label,
.popup-title {
 text-transform: uppercase;
 letter-spacing: 0.5px;
}
.partner-logo,
.user-avatar img {
 object-fit: cover;
}
.mobile-app {
 min-height: 100vh;
 background-color: var(--primary-bg);
 position: relative;
 overflow-x: hidden;
}
.hero-section {
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 padding-top: 20px;
 padding-bottom: 20px;
 overflow: hidden;
}
.hero-background,
.hero-overlay {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
}
.hero-background {
 background: url("https://c.animaapp.com/YYaL9Pdm/img/background.png")
  center/cover no-repeat;
 z-index: 0;
}
.hero-overlay {
 background: rgba(1, 5, 14, 0.8);
 backdrop-filter: blur(2px);
}
.hero-content {
 position: relative;
 z-index: 1;
 width: 100%;
 max-width: 390px;
 padding: 0 1rem;
 animation: 0.8s ease-out fadeIn;
}
.exclusive-badge {
 display: inline-flex;
 align-items: center;
 gap: 0.5rem;
 padding: 0.75rem 1.5rem;
 background: var(--card-bg);
 border: 1px solid rgba(58, 191, 248, 0.2);
 border-radius: 9999px;
 margin-bottom: 1.5rem;
 font-size: 0.875rem;
 color: var(--accent-cyan);
}
.badge-icon {
 width: 16px;
 height: 16px;
 color: var(--accent-cyan);
}
.hero-title {
 font-size: 1.75rem;
 font-weight: 700;
 line-height: 1.2;
 margin-bottom: 1rem;
 color: var(--text-primary);
 display: flex;
 flex-direction: column;
 gap: 0.25rem;
}
.ai-description,
.feature-description,
.hero-additional-text,
.hero-subtitle {
 color: var(--text-secondary);
 line-height: 1.6;
}
.title-line {
 display: block;
 overflow: visible;
}
.balance-value.profit,
.hero-title .highlight {
 background: var(--gradient-primary);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 background-clip: text;
}
.hero-subtitle {
 font-size: 1.125rem;
 margin-bottom: 1rem;
}
.hero-additional-text {
 font-size: 1rem;
 margin-bottom: 2rem;
 opacity: 0.9;
}
.benefits-list,
.cta-buttons {
 display: flex;
 flex-direction: column;
 gap: 1rem;
 margin-bottom: 2rem;
}
.interface-preview {
 margin-top: 2rem;
 border-radius: 1rem;
 overflow: hidden;
 box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.preview-image {
 width: 100%;
 height: auto;
}
.stats-section {
 padding: 3rem 0;
 background: rgba(2, 7, 19, 0.5);
}
.feature-cards {
 display: flex;
 flex-direction: column;
 gap: 1.5rem;
 margin-bottom: 2rem;
}
.feature-card-small,
.support-card {
 background: var(--card-bg);
 border: 1px solid var(--border-color);
 border-radius: 1rem;
 padding: 2rem 1.5rem;
 backdrop-filter: blur(12px);
 position: relative;
}
.feature-card-small .feature-icon {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 64px;
 height: 64px;
 margin: 0 auto 1rem;
 color: var(--accent-cyan);
}
.feature-card-small .feature-title,
.support-title {
 font-size: 1.25rem;
 font-weight: 700;
 color: var(--text-primary);
 margin-bottom: 0.75rem;
 line-height: 1.3;
}
.feature-card-small .feature-description,
.support-description {
 font-size: 0.95rem;
 color: var(--text-secondary);
 line-height: 1.5;
}
.start-invest-wrapper {
 display: flex;
 justify-content: center;
 margin-bottom: 2rem;
}
.start-invest-btn {
 width: 100%;
 max-width: 280px;
 height: 56px;
 font-size: 1.125rem;
 font-weight: 700;
}
.trustpilot-section {
 display: flex;
 justify-content: center;
 align-items: center;
 margin-bottom: 2rem;
}
.trustpilot-image {
 max-width: 100%;
 height: auto;
 max-height: 60px;
}
.animated-stats {
 display: grid;
 grid-template-columns: 1fr auto 1fr auto 1fr;
 align-items: center;
 gap: 1rem;
 padding: 2rem 1rem;
 background: rgba(58, 191, 248, 0.05);
 border: 1px solid rgba(58, 191, 248, 0.2);
 border-radius: 1rem;
}
.ai-partner-section,
.partner-stat-card {
 border: 1px solid var(--border-color);
 text-align: center;
}
.animated-stat-value {
 font-size: 1.75rem;
 font-weight: 700;
 margin-bottom: 0.25rem;
 line-height: 1;
}
.animated-stat-value.profit,
.partner-stat-value.green,
.stat-number.green,
.trade-icon {
 color: var(--accent-green);
}
.animated-stat-value.rate,
.links-list a:hover,
.partner-stat-value.cyan,
.stat-number.cyan,
.support-icon.cyan {
 color: var(--accent-cyan);
}
.animated-stat-value.trading,
.partner-stat-value.yellow,
.stat-number.yellow,
.support-icon.yellow {
 color: var(--accent-yellow);
}
.animated-stat-label {
 font-size: 0.8rem;
 color: var(--text-secondary);
 line-height: 1;
}
.stat-separator {
 width: 2px;
 height: 40px;
 background-color: var(--border-color);
 opacity: 0.5;
}
@keyframes countUp {
 from {
  opacity: 0.5;
 }
 to {
  opacity: 1;
 }
}
.counter.counting {
 animation: 0.1s ease-out countUp;
}
.ai-partner-section {
 margin-top: 4rem;
 padding: 3rem 2rem;
 background: var(--card-bg);
 border-radius: 1.5rem;
 backdrop-filter: blur(12px);
}
.ai-partner-logo {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 100px;
 height: 100px;
 margin: 0 auto 2rem;
 border-radius: 50%;
 background: var(--gradient-primary);
 padding: 3px;
 position: relative;
}
.partner-logo,
.partner-logo-placeholder {
 width: 94px;
 height: 94px;
 background-color: var(--primary-bg);
 border-radius: 50%;
}
.partner-logo-placeholder {
 display: flex;
 align-items: center;
 justify-content: center;
 color: var(--accent-cyan);
 overflow: hidden;
}
.partner-logo-image {
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 50%;
}
.ai-partner-content {
 width: 100%;
}
.ai-partner-title {
 font-size: 1.75rem;
 font-weight: 700;
 line-height: 1.2;
 margin-bottom: 1.5rem;
 color: var(--text-primary);
}
.ai-partner-description {
 font-size: 1rem;
 color: var(--text-secondary);
 line-height: 1.6;
 margin-bottom: 2.5rem;
}
.ai-partner-stats {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 1.5rem;
 max-width: 320px;
 margin: 0 auto;
}
.ai-partner-stats .partner-stat-card:last-child {
 grid-column: 1/-1;
 max-width: 150px;
 margin: 0 auto;
}
.partner-stat-card {
 padding: 1.5rem 1rem;
 background: rgba(255, 255, 255, 0.02);
 border-radius: 1rem;
}
.partner-stat-value {
 font-size: 1.5rem;
 font-weight: 700;
 margin-bottom: 0.5rem;
 line-height: 1;
}
.partner-stat-label,
.stat-desc {
 font-size: 0.875rem;
 color: var(--text-secondary);
 line-height: 1;
}
.features-section,
.testimonials-section {
 padding: 4rem 0;
}
.ai-processing-section,
.feature-card {
 padding: 2rem 1.5rem;
 backdrop-filter: blur(12px);
}
.section-title {
 font-size: 1.875rem;
 font-weight: 700;
 margin-bottom: 1rem;
 line-height: 1.2;
}
.section-subtitle {
 font-size: 1.125rem;
 color: var(--text-secondary);
 margin-bottom: 3rem;
 line-height: 1.6;
}
.features-list {
 display: flex;
 flex-direction: column;
 gap: 2rem;
}
.feature-card {
 position: relative;
 background: var(--card-bg);
 border: 1px solid var(--border-color);
 border-radius: 1rem;
 animation: 0.6s ease-out slideInUp;
}
.feature-step {
 position: absolute;
 top: -15px;
 left: 50%;
 transform: translateX(-50%);
 width: 32px;
 height: 32px;
 background: var(--gradient-primary);
 color: var(--primary-bg);
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-weight: 700;
 font-size: 0.875rem;
}
.chat-overlay,
.support-chat-popup {
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}
.ai-avatar,
.feature-icon {
 display: flex;
 align-items: center;
}
.feature-icon {
 justify-content: center;
 width: 48px;
 height: 48px;
 color: var(--accent-cyan);
 margin: 0 auto 1rem;
}
.feature-number {
 font-size: 1.5rem;
 font-weight: 700;
 color: var(--accent-yellow);
 margin-bottom: 0.5rem;
}
.feature-title {
 font-size: 1.125rem;
 font-weight: 700;
 margin-bottom: 0.75rem;
 color: var(--text-primary);
}
.feature-description {
 font-size: 0.875rem;
}
.ai-processing-section {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 2rem;
 background: var(--card-bg);
 border: 1px solid var(--border-color);
 border-radius: 1rem;
 margin-top: 2rem;
}
.ai-avatar {
 justify-content: center;
 width: 80px;
 height: 80px;
 border-radius: 50%;
 background: var(--gradient-primary);
 padding: 2px;
}
.ai-logo {
 width: 76px;
 height: 76px;
 border-radius: 50%;
 background: url("https://c.animaapp.com/YYaL9Pdm/img/alphacore-ai.svg")
  center/cover;
 background-color: var(--primary-bg);
}
.ai-info {
 width: 100%;
}
.ai-description {
 font-size: 0.95rem;
 margin-bottom: 2rem;
}
.ai-stats {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 1rem;
 width: 100%;
}
.ai-stat-card {
 padding: 1rem 0.5rem;
 background: rgba(58, 191, 248, 0.05);
 border: 1px solid rgba(58, 191, 248, 0.2);
 border-radius: 0.75rem;
}
.ai-stat-card .stat-number {
 font-size: 1.25rem;
 font-weight: 700;
 color: var(--accent-cyan);
 margin-bottom: 0.25rem;
}
.ai-stat-card .stat-label,
.profit-period {
 font-size: 0.75rem;
 color: var(--text-secondary);
}
.demo-section {
 padding: 4rem 0;
 background: linear-gradient(180deg, #01050e 0, rgba(29, 40, 57, 0.2) 100%);
}
.demo-info-card {
 background: var(--card-bg);
 border: 1px solid var(--border-color);
 border-radius: 1rem;
 padding: 2rem 1.5rem;
 margin: 2rem auto;
 backdrop-filter: blur(12px);
 text-align: center;
 max-width: 360px;
}
.demo-info-title {
 font-size: 1.375rem;
 font-weight: 700;
 color: var(--text-primary);
 margin-bottom: 1rem;
}
.demo-info-description {
 font-size: 1rem;
 color: var(--text-secondary);
 line-height: 1.6;
 margin-bottom: 2rem;
}
.demo-info-card .trading-chart {
 margin: 0;
 max-width: 100%;
 width: 100%;
}
.demo-dashboard {
 background: var(--card-bg);
 border: 1px solid var(--border-color);
 border-radius: 1rem;
 padding: 1.5rem;
 margin: 2rem auto;
 backdrop-filter: blur(12px);
 width: 100%;
}
.balance-info,
.dashboard-header {
 display: flex;
 margin-bottom: 1.5rem;
}
.dashboard-header {
 align-items: center;
 justify-content: space-between;
}
.chat-title,
.current-price,
.dashboard-title {
 font-size: 1.25rem;
 font-weight: 700;
 color: var(--text-primary);
}
.status-indicator {
 width: 12px;
 height: 12px;
 background-color: var(--accent-green);
 border-radius: 50%;
 animation: 2s infinite pulse;
}
.balance-info {
 justify-content: space-between;
 padding: 1rem;
 background: rgba(58, 191, 248, 0.05);
 border: 1px solid rgba(58, 191, 248, 0.2);
 border-radius: 0.75rem;
}
.balance-label {
 display: block;
 font-size: 0.875rem;
 color: var(--text-secondary);
 margin-bottom: 0.25rem;
}
.balance-value {
 font-size: 1.5rem;
 font-weight: 700;
 color: var(--text-primary);
}
.ai-action,
.ai-name,
.price-change,
.user-rating {
 font-size: 0.875rem;
}
.last-transaction {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 1rem;
 background: rgba(22, 162, 73, 0.1);
 border: 1px solid rgba(22, 162, 73, 0.3);
 border-radius: 0.75rem;
 margin-bottom: 1.5rem;
 opacity: 0;
 transform: scale(0.3);
 transition: all 0.3s ease;
}
.last-transaction.show {
 opacity: 1;
 transform: scale(1);
 animation: 0.8s ease-out bounceIn;
}
.last-transaction-icon {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 40px;
 height: 40px;
 background: var(--accent-green);
 color: var(--primary-bg);
 border-radius: 50%;
 flex-shrink: 0;
}
.last-transaction-info {
 flex: 1;
 margin-left: 0.75rem;
}
.last-transaction-title {
 font-size: 0.875rem;
 font-weight: 600;
 color: var(--accent-green);
 margin-bottom: 0.25rem;
}
.last-transaction-pair {
 font-size: 0.75rem;
 color: var(--text-secondary);
}
.last-transaction-profit {
 font-size: 1.1rem;
 font-weight: 700;
 color: var(--accent-green);
 text-align: right;
}
.ai-status {
 display: flex;
 align-items: center;
 gap: 0.75rem;
 padding: 1rem;
 background: rgba(58, 191, 248, 0.1);
 border: 1px solid rgba(58, 191, 248, 0.3);
 border-radius: 0.75rem;
 margin-bottom: 1.5rem;
}
.ai-indicator {
 width: 8px;
 height: 8px;
 background-color: var(--accent-cyan);
 border-radius: 50%;
 animation: 1.5s infinite pulse;
}
.ai-status-text,
.trade-details {
 display: flex;
 flex-direction: column;
 gap: 0.25rem;
}
.ai-name {
 font-weight: 600;
 color: var(--accent-cyan);
}
.ai-action,
.chat-input,
.form-group input,
.form-group label,
.message-text,
.popup-title,
.recent-trades h3 {
 color: var(--text-primary);
}
.trading-chart {
 position: relative;
 border-radius: 0.75rem;
 overflow: hidden;
 border: 1px solid rgba(58, 191, 248, 0.2);
 margin: 1.5rem auto;
 background: linear-gradient(
  135deg,
  rgba(1, 5, 14, 0.95) 0,
  rgba(3, 14, 38, 0.95) 100%
 );
 height: 200px;
 width: 100%;
 max-width: 320px;
 box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.3);
 display: flex;
 align-items: center;
 justify-content: center;
}
#trading-chart-demo {
 max-width: none;
}
.chart-canvas {
 width: 100%;
 height: 100%;
 display: block;
 margin: 0 auto;
}
.chart-overlay {
 position: absolute;
 top: 1rem;
 right: 1rem;
 z-index: 2;
}
.chart-info {
 display: flex;
 flex-direction: column;
 align-items: flex-end;
 gap: 0.25rem;
}
.price-change {
 font-weight: 600;
 padding: 0.25rem 0.5rem;
 border-radius: 0.25rem;
}
.price-change.positive {
 color: var(--accent-green);
 background: rgba(22, 162, 73, 0.1);
}
.price-change.negative {
 color: #ef4444;
 background: rgba(239, 68, 68, 0.1);
}
.demo-btn {
 width: 100%;
 gap: 0.75rem;
}
.btn-arrow,
.btn-icon,
.offer-icon,
.profit-icon,
.trade-icon {
 width: 16px;
 height: 16px;
}
.recent-trades {
 background: var(--card-bg);
 border: 1px solid var(--border-color);
 border-radius: 1rem;
 padding: 1.5rem;
 margin-top: 2rem;
}
.recent-trades h3 {
 font-size: 1.25rem;
 margin-bottom: 1rem;
 text-align: left;
}
.footer-contacts,
.trades-list {
 display: flex;
 flex-direction: column;
 gap: 0.75rem;
}
.placeholder-text {
 color: var(--text-secondary);
 font-size: 0.95rem;
 padding: 2rem 0;
}
.trade-item {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 1rem;
 background: rgba(22, 162, 73, 0.05);
 border: 1px solid rgba(22, 162, 73, 0.2);
 border-radius: 0.75rem;
 transition: 0.3s;
}
.chat-container,
.chat-input,
.form-group input,
.popup-close,
.popup-content,
.ready-to-start-card,
.user-message .message-avatar {
 border: 1px solid var(--border-color);
}
.link-item,
.trade-info,
.user-info {
 display: flex;
 align-items: center;
 gap: 0.75rem;
}
.popup-overlay,
.registration-popup {
 top: 0;
 height: 100%;
 width: 100%;
 left: 0;
}
.trade-pair {
 font-weight: 600;
 color: var(--text-primary);
 font-size: 0.95rem;
}
.trade-time {
 font-size: 0.8rem;
 color: var(--text-secondary);
}
.trade-profit {
 font-weight: 700;
 color: var(--accent-green);
 font-size: 1.1rem;
}
.chat-close,
.popup-close,
.popup-subtitle {
 color: var(--text-secondary);
}
.registration-popup {
 position: fixed;
 z-index: 10000;
 display: none;
 align-items: center;
 justify-content: center;
 padding: 1rem;
}
.popup-overlay {
 position: absolute;
 background: rgba(0, 0, 0, 0.8);
 backdrop-filter: blur(10px);
}
.popup-content {
 position: relative;
 background: var(--card-bg);
 border-radius: 1.5rem;
 padding: 2rem;
 max-width: 400px;
 width: 100%;
 backdrop-filter: blur(20px);
 animation: 0.3s ease-out slideInUp;
}
.popup-header {
 position: relative;
 margin-bottom: 2rem;
}
.popup-close {
 position: absolute;
 top: -0.5rem;
 right: 0.5rem;
 background: var(--secondary-bg);
 border-radius: 50%;
 width: 32px;
 height: 32px;
 display: flex;
 align-items: center;
 justify-content: center;
 cursor: pointer;
 transition: 0.2s;
}
.chat-close:hover,
.popup-close:hover {
 background: var(--accent-cyan);
 color: var(--primary-bg);
}
.popup-title {
 font-size: 1.5rem;
 font-weight: 700;
 margin-bottom: 0.75rem;
}
.popup-subtitle {
 font-size: 0.95rem;
 line-height: 1.5;
}
.registration-form {
 display: flex;
 flex-direction: column;
 gap: 1.25rem;
}
.form-group {
 display: flex;
 flex-direction: column;
 gap: 0.5rem;
}
.form-group label {
 font-weight: 600;
 font-size: 0.9rem;
}
.form-group input {
 padding: 0.75rem 1rem;
 background: rgba(255, 255, 255, 0.05);
 border-radius: 0.5rem;
 font-size: 1rem;
 transition: 0.2s;
}
.form-group input:focus {
 outline: 0;
 border-color: var(--accent-cyan);
 background: rgba(58, 191, 248, 0.05);
}
.form-group input::placeholder {
 color: var(--text-secondary);
}
.demo-popup {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 9999;
 display: none;
 align-items: center;
 justify-content: center;
 padding: 1rem;
}
.demo-popup-content {
 max-width: 450px;
 width: 100%;
 max-height: 90vh;
 overflow-y: auto;
}
.demo-popup .demo-dashboard {
 margin: 0 0 2rem 0;
}
.demo-popup .recent-trades {
 margin: 0;
}
.support-chat-popup {
 position: fixed;
 z-index: 9999;
 display: none;
 align-items: flex-end;
 justify-content: center;
 padding: 1rem;
}
.auth-form,
.chat-container {
 flex-direction: column;
 display: flex;
}
.chat-overlay {
 position: absolute;
 background: rgba(0, 0, 0, 0.7);
 backdrop-filter: blur(8px);
}
.chat-container {
 position: relative;
 background: var(--card-bg);
 border-radius: 1.5rem 1.5rem 0 0;
 width: 100%;
 max-width: 400px;
 max-height: 70vh;
 backdrop-filter: blur(20px);
 animation: 0.3s ease-out slideUpChat;
}
.chat-close,
.user-message .message-avatar {
 background: var(--secondary-bg);
}
.chat-close,
.message-avatar {
 width: 32px;
 height: 32px;
 display: flex;
}
@keyframes slideUpChat {
 from {
  transform: translateY(100%);
  opacity: 0;
 }
 to {
  transform: translateY(0);
  opacity: 1;
 }
}
.chat-header {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 1.5rem;
 border-bottom: 1px solid var(--border-color);
}
.chat-close {
 border: 1px solid var(--border-color);
 border-radius: 50%;
 align-items: center;
 justify-content: center;
 cursor: pointer;
 transition: 0.2s;
}
.chat-messages {
 flex: 1;
 padding: 1rem;
 overflow-y: auto;
 max-height: 300px;
}
.message {
 display: flex;
 gap: 0.75rem;
 margin-bottom: 1rem;
}
.message-avatar {
 border-radius: 50%;
 background: var(--gradient-primary);
 align-items: center;
 justify-content: center;
 flex-shrink: 0;
}
.form-group.half,
.message-content {
 flex: 1;
}
.message-sender {
 font-size: 0.85rem;
 font-weight: 600;
 color: var(--accent-cyan);
 margin-bottom: 0.25rem;
}
.message-text {
 font-size: 0.9rem;
 line-height: 1.4;
 background: rgba(58, 191, 248, 0.1);
 padding: 0.75rem;
 border-radius: 0.75rem;
 border: 1px solid rgba(58, 191, 248, 0.2);
}
.user-message {
 flex-direction: row-reverse;
}
.user-message .message-sender {
 color: var(--text-primary);
 text-align: right;
}
.user-message .message-text {
 background: var(--gradient-primary);
 color: var(--primary-bg);
 border: none;
}
.chat-input-section {
 padding: 1rem;
 border-top: 1px solid var(--border-color);
}
.chat-input-wrapper {
 display: flex;
 gap: 0.75rem;
 align-items: flex-end;
}
.chat-input {
 flex: 1;
 padding: 0.75rem 1rem;
 background: rgba(255, 255, 255, 0.05);
 border-radius: 1.5rem;
 font-size: 0.9rem;
 resize: none;
 outline: 0;
 transition: 0.2s;
}
.chat-input:focus {
 border-color: var(--accent-cyan);
 background: rgba(58, 191, 248, 0.05);
}
.chat-send-btn {
 width: 40px;
 height: 40px;
 background: var(--gradient-primary);
 border: none;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 color: var(--primary-bg);
 cursor: pointer;
 transition: 0.2s;
}
.auth-form-title,
.ready-card-title {
 color: var(--text-primary);
 margin-bottom: 1rem;
}
.chat-send-btn:hover {
 transform: scale(1.05);
}
.chat-auth-form {
 padding: 1rem;
 border-top: 1px solid var(--border-color);
 background: rgba(58, 191, 248, 0.02);
}
.auth-form-title {
 font-size: 1.1rem;
 font-weight: 600;
}
.auth-form {
 gap: 1rem;
}
.form-row {
 display: flex;
 gap: 0.75rem;
}
.auth-form .form-group label {
 font-size: 0.85rem;
 font-weight: 500;
}
.auth-form .form-group input {
 padding: 0.6rem 0.75rem;
 font-size: 0.9rem;
}
.ready-to-start-card {
 background: var(--card-bg);
 border-radius: 1rem;
 padding: 2rem 1.5rem;
 backdrop-filter: blur(12px);
 margin-top: 2rem;
}
.overall-stats,
.testimonial-card {
 border: 1px solid var(--border-color);
 backdrop-filter: blur(12px);
}
.ready-card-title {
 font-size: 1.5rem;
 font-weight: 700;
 line-height: 1.3;
}
.ready-card-description {
 color: var(--text-secondary);
 margin-bottom: 1.5rem;
 line-height: 1.6;
 font-size: 0.95rem;
}
.ready-btn {
 width: 100%;
 max-width: 280px;
 margin: 0 auto;
}
.testimonials-list {
 display: flex;
 flex-direction: column;
 gap: 2rem;
 margin: 2rem 0;
}
.testimonial-card {
 background: var(--card-bg);
 border-radius: 1rem;
 padding: 1.5rem;
}
.testimonial-header {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 margin-bottom: 1rem;
}
.user-avatar {
 width: 48px;
 height: 48px;
 border-radius: 50%;
 overflow: hidden;
}
.user-avatar img {
 width: 100%;
 height: 100%;
}
.user-name {
 font-weight: 700;
 color: var(--text-primary);
 margin-bottom: 0.25rem;
}
.profit-info {
 text-align: right;
}
.profit-amount {
 font-size: 1.125rem;
 font-weight: 700;
 background: var(--gradient-primary);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 background-clip: text;
}
.testimonial-text {
 font-size: 0.875rem;
 color: var(--text-primary);
 line-height: 1.6;
 margin-bottom: 1rem;
}
.profit-badge {
 display: flex;
 align-items: center;
 gap: 0.5rem;
 justify-content: center;
 padding: 0.75rem;
 background: rgba(22, 162, 73, 0.1);
 border: 1px solid rgba(22, 162, 73, 0.3);
 border-radius: 0.75rem;
 font-size: 0.875rem;
 color: var(--accent-green);
}
.overall-stats {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 1.5rem;
 margin: 3rem 0;
 padding: 2rem 1.5rem;
 background: var(--card-bg);
 border-radius: 1rem;
}
.stat-number {
 font-size: 1.75rem;
 font-weight: 700;
 margin-bottom: 0.5rem;
 line-height: 1;
}
.stat-number.rating {
 color: #95ff60;
}
.verification-note {
 text-align: center;
 font-size: 0.75rem;
 color: var(--text-secondary);
 margin-top: 2rem;
}
.cta-section {
 padding: 4rem 0;
 background: linear-gradient(
  95deg,
  rgba(58, 191, 248, 0.05) 0,
  #01050e 50%,
  rgba(107, 38, 217, 0.05) 100%
 );
}
.cta-card {
 background: var(--card-bg);
 border: 1px solid var(--border-color);
 border-radius: 1rem;
 padding: 2rem 1.5rem;
 text-align: center;
 backdrop-filter: blur(12px);
}
.limited-offer {
 display: inline-flex;
 align-items: center;
 gap: 0.5rem;
 padding: 0.5rem 1rem;
 background: linear-gradient(90deg, #fbbf24 0%, #f59e0b 100%);
 color: var(--primary-bg);
 border-radius: 9999px;
 font-weight: 600;
 font-size: 0.875rem;
 margin-bottom: 1.5rem;
}
.benefit-item,
.support-icon {
 align-items: center;
 display: flex;
}
.cta-title {
 font-size: 1.5rem;
 font-weight: 700;
 margin-bottom: 1rem;
 line-height: 1.3;
}
.cta-subtitle {
 font-size: 1rem;
 color: var(--text-secondary);
 margin-bottom: 2rem;
 line-height: 1.6;
}
.benefit-item {
 gap: 0.75rem;
 text-align: left;
}
.check-icon {
 width: 16px;
 height: 16px;
 color: var(--accent-green);
 flex-shrink: 0;
}
.cta-button {
 width: 100%;
 margin-bottom: 1rem;
}
.security-note {
 font-size: 0.875rem;
 color: var(--text-secondary);
 margin-bottom: 2rem;
}
.urgency-message {
 padding: 1.5rem;
 background: linear-gradient(
  90deg,
  rgba(41, 217, 38, 0.2) 0,
  rgba(58, 248, 216, 0.2) 50%,
  rgba(20, 250, 181, 0.2) 100%
 );
 border: 1px solid rgba(58, 191, 248, 0.3);
 border-radius: 1rem;
 margin-top: 2rem;
 text-align: center;
}
.footer,
.footer-bottom {
 border-top: 1px solid rgba(29, 40, 57, 0.5);
}
.urgency-title {
 font-weight: 700;
 font-size: 1.125rem;
 margin-bottom: 0.5rem;
 color: var(--text-primary);
}
.urgency-text {
 font-size: 0.875rem;
 color: var(--text-primary);
 line-height: 1.5;
}
.brand-description,
.contact-item {
 color: var(--text-secondary);
 font-size: 0.9rem;
}
.urgency-text .highlight {
 color: var(--accent-yellow);
 font-weight: 700;
}
#spots-count {
 display: inline-block;
 transition: 0.3s;
 cursor: pointer;
}
#spots-count.animate {
 animation: 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) spotsCountAnimation;
}
@keyframes spotsCountAnimation {
 0% {
  transform: scale(1);
  filter: brightness(1);
 }
 15% {
  transform: scale(1.3);
  filter: brightness(1.8);
 }
 30% {
  transform: scale(0.9);
  filter: brightness(1.6);
 }
 45% {
  transform: scale(1.2);
  filter: brightness(1.7);
 }
 60% {
  transform: scale(0.95);
  filter: brightness(1.5);
 }
 75% {
  transform: scale(1.1);
  filter: brightness(1.4);
 }
 90% {
  transform: scale(0.98);
  filter: brightness(1.3);
 }
 100% {
  transform: scale(1);
  filter: brightness(1.2);
 }
}
.urgency-message:hover #spots-count {
 filter: brightness(1.2);
 transform: scale(1.05);
}
.support-features {
 display: flex;
 flex-direction: column;
 gap: 1.5rem;
 margin-top: 2rem;
}
.support-icon {
 justify-content: center;
 width: 64px;
 height: 64px;
 margin: 0 auto 1.25rem;
 border-radius: 50%;
 background: rgba(255, 255, 255, 0.05);
}
.footer {
 background-color: var(--secondary-bg);
 padding: 3rem 0 2rem;
}
.footer-brand,
.footer-links {
 margin-bottom: 2rem;
}
.brand-name {
 font-size: 2rem;
 font-weight: 700;
 margin-bottom: 1rem;
}
.brand-description {
 margin-bottom: 1.5rem;
 line-height: 1.5;
}
.contact-item {
 display: flex;
 align-items: center;
 gap: 0.75rem;
 font-weight: 500;
}
.contact-item svg,
.link-item svg {
 width: 16px;
 height: 16px;
 color: var(--accent-cyan);
 flex-shrink: 0;
}
.footer-title {
 font-size: 1.125rem;
 font-weight: 700;
 margin-bottom: 1.5rem;
 color: var(--text-primary);
}
.links-list {
 list-style: none;
 display: flex;
 flex-direction: column;
 gap: 1rem;
}
.links-list a {
 color: var(--text-secondary);
 font-size: 0.9rem;
 transition: color 0.2s;
 font-weight: 500;
}
.footer-bottom {
 padding-top: 2rem;
}
.copyright,
.disclaimer {
 font-size: 0.8rem;
 color: var(--text-secondary);
 text-align: center;
 line-height: 1.5;
}
.copyright {
 margin-bottom: 1rem;
 font-weight: 500;
}
.disclaimer {
 font-weight: 400;
 opacity: 0.8;
}
.fixed-cta {
 position: fixed;
 bottom: 1rem;
 left: 1rem;
 right: 1rem;
 z-index: 1000;
 transform: translateY(100px);
 transition: transform 0.3s;
}
.btn-fixed {
 width: 100%;
 height: 56px;
 border-radius: 1rem;
 font-size: 1rem;
 font-weight: 600;
 box-shadow: 0 10px 30px rgba(58, 191, 248, 0.3);
 gap: 0.5rem;
}
.chat-icon {
 width: 20px;
 height: 20px;
 flex-shrink: 0;
}
@keyframes fadeIn {
 from {
  opacity: 0;
  transform: translateY(30px);
 }
 to {
  opacity: 1;
  transform: translateY(0);
 }
}
@keyframes slideInUp {
 from {
  opacity: 0;
  transform: translateY(40px);
 }
 to {
  opacity: 1;
  transform: translateY(0);
 }
}
@keyframes pulse {
 0%,
 100% {
  opacity: 1;
  transform: scale(1);
 }
 50% {
  opacity: 0.7;
  transform: scale(1.05);
 }
}
@keyframes bounceIn {
 0% {
  opacity: 0;
  transform: scale(0.3);
 }
 50% {
  opacity: 1;
  transform: scale(1.05);
 }
 70% {
  transform: scale(0.9);
 }
 100% {
  opacity: 1;
  transform: scale(1);
 }
}
@media (max-width: 350px) {
 .ai-partner-stats,
 .animated-stats {
  gap: 1rem;
  grid-template-columns: 1fr;
 }
 .ai-partner-stats,
 .animated-stats,
 .overall-stats {
  grid-template-columns: 1fr;
 }
 .container {
  padding: 0 0.75rem;
 }
 .hero-title,
 .title-line {
  font-size: 1.4rem;
 }
 .ai-partner-title,
 .animated-stat-value,
 .section-title {
  font-size: 1.5rem;
 }
 .animated-stats,
 .support-card {
  padding: 1.5rem 1rem;
 }
 .stat-separator {
  display: none;
 }
 .ai-partner-section {
  padding: 2rem 1rem;
 }
 .ai-partner-stats .partner-stat-card:last-child {
  grid-column: 1;
  max-width: none;
 }
 .trading-chart {
  max-width: 280px;
  margin: 1.5rem auto;
 }
 .demo-dashboard {
  padding: 1rem;
 }
 .overall-stats {
  gap: 0.75rem;
 }
 .support-features {
  gap: 1rem;
 }
 .support-icon {
  width: 56px;
  height: 56px;
 }
 .support-title {
  font-size: 1.125rem;
 }
}
@media (max-width: 320px) {
 .hero-title,
 .title-line {
  font-size: 1.25rem;
 }
 .title-line {
  letter-spacing: -0.5px;
 }
}
@media (min-width: 391px) and (max-width: 480px) {
 .container {
  max-width: 480px;
  padding: 0 1.5rem;
 }
 .hero-title,
 .section-title {
  font-size: 2rem;
 }
}
@media (hover: none) and (pointer: coarse) {
 .btn:hover {
  transform: none;
 }
 .btn:active {
  transform: scale(0.98);
 }
 .btn-primary:active {
  background: linear-gradient(90deg, #00d4e6 0, #00e675 100%);
 }
}
@media (orientation: landscape) and (max-height: 600px) {
 .hero-section {
  min-height: auto;
  padding: 1rem 0;
 }
 .hero-content {
  padding: 1rem;
 }
 .interface-preview {
  margin-top: 1rem;
 }
}
@media (prefers-color-scheme: dark) {
 body {
  background-color: var(--primary-bg);
  color: var(--text-primary);
 }
}
@media screen and (min-width: 351px) {
 .title-line {
  margin-right: 20px;
  font-size: 1.6rem !important;
 }
}

/* Адаптивные стили для canvas в trading-chart */
.chart-canvas {
 width: 100% !important;
 height: 100% !important;
 max-width: 100%;
 object-fit: contain;
}

/* Дополнительная защита от переполнения */
.trading-chart {
 overflow: hidden !important;
 box-sizing: border-box !important;
}

.demo-info-card .trading-chart {
 overflow: hidden !important;
}

/* Дополнительные медиа-запросы для очень маленьких экранов */
@media (max-width: 280px) {
 .trading-chart {
  max-width: 250px;
  margin: 0.8rem auto;
  height: 160px;
  padding: 0;
 }

 .demo-info-card {
  padding: 1.5rem 1rem;
  margin: 1.5rem auto;
 }
}

/* Специальные стили для iPhone SE и устройств 320px */
@media (min-width: 281px) and (max-width: 320px) {
 .trading-chart {
  max-width: 260px !important;
  width: 260px !important;
  margin: 1rem auto;
  height: 170px;
  padding: 0;
  box-sizing: border-box;
 }

 .demo-info-card {
  max-width: 300px;
  padding: 1.5rem 1rem;
  margin: 1.5rem auto;
 }

 .demo-info-card .trading-chart {
  margin: 1rem 0;
 }

 .container {
  padding: 0 0.8rem;
 }
}

/* Для экранов шириной 321px - 350px */
@media (min-width: 321px) and (max-width: 350px) {
 .trading-chart {
  max-width: 290px;
  margin: 1.2rem auto;
  height: 185px;
 }
}

/* Скрытие скролла для trades-list */
.trades-list::-webkit-scrollbar {
 display: none;
}

.trades-list {
 scrollbar-width: none;
 -ms-overflow-style: none;
}

/* Стили для демо-попапа */
#demo-popup .trades-list {
 max-height: none;
 overflow: visible;
 padding: 0.5rem 0;
 margin: 1.5rem 0;
}

/* Исправляем обрезание для демо-попапа */
#demo-popup .demo-dashboard {
 overflow: visible;
}

#demo-popup .demo-popup-content {
 overflow: visible;
}

/* Анимация появления сделки с увеличением/уменьшением */
@keyframes tradeAppear {
 0% {
  opacity: 0;
  transform: translateY(15px) scale(0.9);
 }
 60% {
  opacity: 1;
  transform: translateY(-2px) scale(1.02);
 }
 100% {
  opacity: 1;
  transform: translateY(0) scale(1);
 }
}

.trade-item.demo-animate {
 animation: tradeAppear 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}