main { color: var(--color-text); background-color: var(--color-bg); padding-bottom: 3rem; } main .avtr2-container { max-width: 1180px; margin: 0 auto; padding: 0 1rem; } main .avtr2-hero { padding: 2.5rem 0 3.5rem; background: radial-gradient(circle at 50% 20%, rgba(212, 255, 0, 0.08) 0%, rgba(13, 14, 18, 1) 70%); border-bottom: 1px solid rgba(212, 255, 0, 0.15); } main .avtr2-hero__container { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; } @media (min-width: 768px) { main .avtr2-hero__container { grid-template-columns: 1fr; } } main .avtr2-badge { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.75rem; background-color: rgba(212, 255, 0, 0.1); border: 1px solid var(--color-bright); border-radius: var(--radius); color: var(--color-bright); font-family: var(--font-heading); font-size: 0.8rem; font-weight: 800; letter-spacing: 0.05em; margin-bottom: 1rem; } main .avtr2-badge__dot { width: 8px; height: 8px; background-color: var(--color-bright); border-radius: 50%; box-shadow: 0 0 8px var(--color-bright); } main .avtr2-hero__title { font-family: var(--font-heading); font-size: 2.25rem; font-weight: 900; line-height: 1.1; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 1rem; color: var(--color-text); } @media (min-width: 768px) { main .avtr2-hero__title { font-size: 3.5rem; } } main .avtr2-highlight { color: var(--color-bright); background: linear-gradient(180deg, transparent 65%, rgba(212, 255, 0, 0.2) 65%); padding: 0 0.2em; } main .avtr2-hero__lead { font-size: 1.1rem; color: var(--color-muted); line-height: 1.6; margin-bottom: 1.5rem; } main .avtr2-hero__actions { display: flex; flex-wrap: wrap; gap: 1rem; } main .avtr2-hero__figure { display: flex; justify-content: center; margin: 0; } main .avtr2-hero__img { max-width: 100%; max-height: 480px; object-fit: contain; filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.7)); } main .avtr2-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.75rem 1.75rem; font-family: var(--font-heading); font-weight: 800; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.05em; text-decoration: none; border-radius: var(--radius); transition: all 100ms ease; cursor: pointer; } main .avtr2-btn--primary { background-color: var(--color-bright); color: #0D0E12; border: 1px solid var(--color-bright); box-shadow: 0 0 12px rgba(212, 255, 0, 0.3); } main .avtr2-btn--primary:hover { background-color: #E1FF33; transform: scale(1.02); box-shadow: 0 0 20px rgba(212, 255, 0, 0.5); } main .avtr2-btn--secondary { background-color: var(--color-dark); color: var(--color-text); border: 1.5px solid var(--color-bright); } main .avtr2-btn--secondary:hover { background-color: rgba(212, 255, 0, 0.1); border-color: var(--color-teal); color: var(--color-teal); transform: scale(1.02); } main .avtr2-section { padding: 2.5rem 0 0; } main .avtr2-panel { background: linear-gradient(145deg, #171920 0%, #1F232E 100%); border: 1px solid rgba(255, 255, 255, 0.08); border-top: 2px solid var(--color-bright); border-radius: var(--radius); padding: 1.75rem; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); } main .avtr2-section-title { font-family: var(--font-heading); font-size: 1.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; color: var(--color-text); margin-bottom: 1rem; } main .avtr2-sub-block { margin-top: 1.75rem; padding-top: 1.25rem; border-top: 1px solid rgba(255, 255, 255, 0.06); } main .avtr2-sub-title { font-family: var(--font-heading); font-size: 1.4rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.03em; color: var(--color-bright); margin-bottom: 0.75rem; } main .avtr2-prose { color: var(--color-muted); font-size: 1rem; line-height: 1.6; margin-bottom: 1.5rem; } main .avtr2-table-wrap { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-top: 1.25rem; border: 1px solid rgba(212, 255, 0, 0.2); border-radius: var(--radius); } main .avtr2-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 0.95rem; } main .avtr2-table th { background-color: #0A0B0E; color: var(--color-text); font-family: var(--font-heading); font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; padding: 0.85rem 1rem; border-bottom: 2px solid var(--color-bright); } main .avtr2-table td { padding: 0.75rem 1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.06); color: var(--color-text); } main .avtr2-table tr:nth-child(odd) td { background-color: #12141A; } main .avtr2-table tr:nth-child(even) td { background-color: #181B23; } main .avtr2-table tr.avtr2-table__row--featured td { background-color: rgba(212, 255, 0, 0.05); border-left: 3px solid var(--color-bright); } main .avtr2-teal-text { color: var(--color-teal); font-weight: 700; } main .avtr2-code { display: inline-block; background-color: #0D0E12; color: var(--color-bright); border: 1px dashed rgba(212, 255, 0, 0.4); padding: 0.25rem 0.6rem; font-family: monospace; font-weight: 700; font-size: 0.95rem; border-radius: var(--radius); letter-spacing: 0.05em; } main .avtr2-steps { list-style: none; padding: 0; margin: 1.5rem 0; display: flex; flex-direction: column; gap: 1rem; } main .avtr2-steps__item { display: flex; align-items: center; gap: 1rem; background-color: #12141A; border: 1px solid rgba(255, 255, 255, 0.06); padding: 0.85rem 1.25rem; border-radius: var(--radius); } main .avtr2-steps__num { font-family: var(--font-heading); font-size: 1.25rem; font-weight: 900; color: var(--color-bright); background-color: rgba(212, 255, 0, 0.1); padding: 0.2rem 0.5rem; border-radius: var(--radius); min-width: 2.2rem; text-align: center; } main .avtr2-steps__content { color: var(--color-text); font-size: 1rem; font-weight: 600; } main .avtr2-panel__actions { margin-top: 1.5rem; } main .avtr2-grid-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0.75rem; list-style: none; padding: 0; margin-top: 1rem; } main .avtr2-grid-list li { background-color: #12141A; border: 1px solid rgba(212, 255, 0, 0.2); padding: 0.75rem 1rem; border-radius: var(--radius); font-size: 0.95rem; font-weight: 600; color: var(--color-text); display: flex; align-items: center; gap: 0.5rem; } main .avtr2-grid-list li::before { content: "⚡"; color: var(--color-bright); } main .avtr2-feature-list, main .avtr2-trouble-list { list-style: none; padding: 0; margin-top: 1rem; display: flex; flex-direction: column; gap: 0.85rem; } main .avtr2-feature-list li, main .avtr2-trouble-list li { background-color: #12141A; border-left: 3px solid var(--color-bright); padding: 0.85rem 1.2rem; border-radius: var(--radius); color: var(--color-muted); font-size: 0.95rem; } main .avtr2-trouble-list li { border-left-color: var(--color-accent); } main .avtr2-feature-list strong, main .avtr2-trouble-list strong { color: var(--color-text); } main .avtr2-cards { display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin-top: 1.5rem; } @media (min-width: 768px) { main .avtr2-cards { grid-template-columns: repeat(3, 1fr); } } main .avtr2-card { background-color: #12141A; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: var(--radius); padding: 1.25rem; transition: transform 100ms ease, border-color 100ms ease; } main .avtr2-card:hover { transform: translateY(-2px); border-color: rgba(212, 255, 0, 0.4); } main .avtr2-card__title { font-family: var(--font-heading); font-size: 1.25rem; font-weight: 800; color: var(--color-bright); text-transform: uppercase; margin-bottom: 0.75rem; } main .avtr2-card__text { color: var(--color-muted); font-size: 0.9rem; line-height: 1.5; } main .avtr2-trust-strip { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; background-color: #12141A; border: 1px solid rgba(212, 255, 0, 0.2); border-radius: var(--radius); padding: 0.85rem 1.25rem; margin-bottom: 1.5rem; } main .avtr2-trust-strip__badge { display: inline-flex; align-items: center; gap: 0.5rem; color: var(--color-teal); font-weight: 700; font-size: 0.875rem; text-transform: uppercase; } main .avtr2-status-dot { width: 8px; height: 8px; background-color: var(--color-teal); border-radius: 50%; box-shadow: 0 0 8px var(--color-teal); } main .avtr2-trust-strip__methods { font-family: var(--font-heading); font-size: 0.95rem; font-weight: 800; letter-spacing: 0.05em; color: var(--color-text); } main .avtr2-faq { display: flex; flex-direction: column; gap: 0.75rem; margin-top: 1.25rem; } main .avtr2-faq__item { background-color: #12141A; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: var(--radius); overflow: hidden; } main .avtr2-faq__item[open] { border-color: rgba(212, 255, 0, 0.3); } main .avtr2-faq__question { padding: 1rem 1.25rem; font-family: var(--font-heading); font-size: 1.1rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.02em; color: var(--color-text); cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; } main .avtr2-faq__question::-webkit-details-marker { display: none; } main .avtr2-faq__question::after { content: "+"; font-size: 1.25rem; color: var(--color-bright); } main .avtr2-faq__item[open] .avtr2-faq__question::after { content: "−"; color: var(--color-teal); } main .avtr2-faq__answer { padding: 0 1.25rem 1rem; color: var(--color-muted); font-size: 0.95rem; line-height: 1.5; }