<!-- 
ИНСТРУКЦИЯ ДЛЯ ВСТАВКИ В TILDA:
1. Зайдите в редактор страницы Tilda
2. Нажмите "+" чтобы добавить новый блок
3. Выберите "Другое" → блок T123 "HTML-код"
4. Нажмите "Контент"
5. Скопируйте ВСЁ содержимое этого файла и вставьте
6. Сохраните и опубликуйте
-->


/* Кибер-панк стили для Goodwin - оптимизировано для Tilda */
.gw-wrapper * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.gw-wrapper {
    --cyber-pink: #FF006E;
    --cyber-blue: #00F0FF;
    --cyber-purple: #8B00FF;
    --cyber-yellow: #FFD60A;
    --dark: #0A0E27;
    --darker: #050816;
    font-family: 'Rajdhani', sans-serif;
    color: white;
    background: var(--darker);
}

/* Hero Section */
.gw-hero {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 4rem 2rem;
    background: 
        linear-gradient(135deg, rgba(255, 0, 110, 0.1), rgba(0, 240, 255, 0.05)),
        url('https://images.unsplash.com/photo-1568605117036-5fe5e7bab0b7?w=1920&q=80');
    background-size: cover;
    background-position: center;
}

.gw-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(5, 8, 22, 0.4);
}

.gw-hero-content {
    position: relative;
    z-index: 10;
    text-align: center;
    max-width: 1200px;
}

.gw-badge {
    display: inline-block;
    padding: 0.6rem 2rem;
    background: rgba(0, 0, 0, 0.8);
    border: 2px solid var(--cyber-yellow);
    color: var(--cyber-yellow);
    font-family: 'Orbitron', sans-serif;
    font-weight: 700;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 2rem;
}

.gw-hero h1 {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(2.5rem, 8vw, 6rem);
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    text-shadow: 
        0 0 10px var(--cyber-blue),
        0 0 20px var(--cyber-blue),
        0 0 30px var(--cyber-pink);
}

.gw-gradient-text {
    background: linear-gradient(135deg, var(--cyber-pink), var(--cyber-blue), var(--cyber-purple));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gw-hero-subtitle {
    font-size: clamp(1.1rem, 2vw, 1.6rem);
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 3rem;
}

.gw-cta-group {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    flex-wrap: wrap;
}

.gw-btn {
    padding: 1.2rem 3rem;
    font-family: 'Orbitron', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    transition: all 0.3s ease;
}

.gw-btn-primary {
    background: linear-gradient(135deg, var(--cyber-pink), var(--cyber-purple));
    color: white;
    box-shadow: 0 10px 30px rgba(255, 0, 110, 0.4);
}

.gw-btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(255, 0, 110, 0.6);
}

.gw-btn-secondary {
    background: transparent;
    color: var(--cyber-blue);
    border: 2px solid var(--cyber-blue);
}

.gw-btn-secondary:hover {
    background: var(--cyber-blue);
    color: var(--darker);
}

/* Section Styles */
.gw-section {
    min-height: 100vh;
    padding: 6rem 2rem;
    position: relative;
    background-size: cover;
    background-position: center;
}

.gw-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at center, rgba(5, 8, 22, 0.6), rgba(5, 8, 22, 0.95));
    z-index: 1;
}

.gw-container {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.gw-section-header {
    text-align: center;
    margin-bottom: 4rem;
}

.gw-section-tag {
    display: inline-block;
    padding: 0.5rem 1.5rem;
    background: rgba(0, 102, 255, 0.1);
    border: 2px solid var(--cyber-blue);
    color: var(--cyber-blue);
    font-family: 'Orbitron', sans-serif;
    font-weight: 700;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 1.5rem;
}

.gw-section-title {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(2rem, 6vw, 4.5rem);
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 1rem;
    text-shadow: 
        0 0 15px var(--cyber-pink),
        0 0 30px var(--cyber-blue);
}

.gw-section-subtitle {
    font-size: clamp(1rem, 2vw, 1.3rem);
    color: rgba(255, 255, 255, 0.6);
    max-width: 800px;
    margin: 0 auto;
}

/* About Section */
.gw-about-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
}

.gw-about h2 {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 900;
    margin-bottom: 1.5rem;
    color: var(--cyber-pink);
    text-shadow: 0 0 20px var(--cyber-pink);
}

.gw-about p {
    font-size: 1.2rem;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 1.5rem;
}

.gw-cyber-list {
    list-style: none;
    margin-top: 2rem;
}

.gw-cyber-list li {
    padding: 1rem 0 1rem 2rem;
    position: relative;
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(0, 240, 255, 0.2);
}

.gw-cyber-list li::before {
    content: '▸';
    position: absolute;
    left: 0;
    color: var(--cyber-blue);
    font-size: 1.3rem;
}

.gw-stat-box {
    background: rgba(0, 0, 0, 0.8);
    border: 2px solid var(--cyber-yellow);
    padding: 2rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 10px 30px rgba(255, 215, 0, 0.3);
}

.gw-stat-number {
    font-family: 'Orbitron', sans-serif;
    font-size: 3.5rem;
    font-weight: 900;
    color: var(--cyber-yellow);
    text-shadow: 0 0 20px var(--cyber-yellow);
    line-height: 1;
    margin-bottom: 0.5rem;
}

.gw-stat-label {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Program Grid */
.gw-program-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
}

.gw-program-card {
    background: rgba(0, 0, 0, 0.85);
    border: 2px solid var(--cyber-blue);
    padding: 3rem;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.gw-program-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(0, 240, 255, 0.4);
}

.gw-program-icon {
    font-size: 4.5rem;
    margin-bottom: 1.5rem;
    filter: drop-shadow(0 0 20px var(--cyber-blue));
}

.gw-program-label {
    display: inline-block;
    padding: 0.5rem 1.2rem;
    background: var(--cyber-purple);
    color: white;
    font-family: 'Orbitron', sans-serif;
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 1.5rem;
}

.gw-program-card h3 {
    font-family: 'Orbitron', sans-serif;
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 1rem;
    color: var(--cyber-blue);
    text-shadow: 0 0 15px var(--cyber-blue);
}

/* Pricing Grid */
.gw-pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.gw-pricing-card {
    background: rgba(0, 0, 0, 0.9);
    border: 2px solid var(--cyber-blue);
    padding: 2.5rem 2rem;
    backdrop-filter: blur(15px);
    transition: all 0.3s ease;
}

.gw-pricing-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(0, 240, 255, 0.4);
}

.gw-pricing-card.featured {
    border-color: var(--cyber-pink);
    box-shadow: 0 0 40px rgba(255, 0, 110, 0.4);
}

.gw-pricing-badge {
    text-align: center;
    padding: 0.5rem 1.5rem;
    background: var(--cyber-pink);
    color: white;
    font-family: 'Orbitron', sans-serif;
    font-weight: 700;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: -2.5rem -2rem 2rem;
}

.gw-pricing-icon {
    font-size: 4rem;
    text-align: center;
    margin-bottom: 1.5rem;
    filter: drop-shadow(0 0 20px var(--cyber-blue));
}

.gw-pricing-card h3 {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.6rem;
    font-weight: 800;
    text-align: center;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
}

.gw-pricing-list {
    list-style: none;
    margin: 1.5rem 0;
    min-height: 380px;
}

.gw-pricing-list li {
    padding: 0.7rem 0 0.7rem 1.5rem;
    position: relative;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.8);
}

.gw-pricing-list li::before {
    content: '◆';
    position: absolute;
    left: 0;
    color: var(--cyber-blue);
}

.gw-pricing-list li.disabled {
    opacity: 0.3;
}

.gw-price-display {
    text-align: center;
    padding: 1.5rem;
    background: rgba(255, 0, 110, 0.1);
    border: 1px solid var(--cyber-pink);
    margin: 1.5rem 0;
}

.gw-old-price {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.4);
    text-decoration: line-through;
}

.gw-current-price {
    font-family: 'Orbitron', sans-serif;
    font-size: 3rem;
    font-weight: 900;
    color: var(--cyber-yellow);
    text-shadow: 0 0 20px var(--cyber-yellow);
}

.gw-discount {
    display: inline-block;
    padding: 0.3rem 0.8rem;
    background: var(--cyber-yellow);
    color: var(--darker);
    font-weight: 700;
    font-size: 0.85rem;
    margin-top: 0.5rem;
}

.gw-access-info {
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.85rem;
    margin: 1rem 0;
}

.gw-pricing-cta {
    display: block;
    width: 100%;
    padding: 1.1rem;
    background: linear-gradient(135deg, var(--cyber-pink), var(--cyber-purple));
    color: white;
    text-align: center;
    text-decoration: none;
    font-family: 'Orbitron', sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(255, 0, 110, 0.3);
}

.gw-pricing-cta:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 30px rgba(255, 0, 110, 0.6);
}

/* Audience Cards */
.gw-audience-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

.gw-audience-card {
    background: rgba(0, 0, 0, 0.8);
    border: 2px solid var(--cyber-purple);
    padding: 2rem 1.5rem;
    text-align: center;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.gw-audience-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(139, 0, 255, 0.4);
}

.gw-audience-number {
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    font-weight: 900;
    color: var(--cyber-yellow);
    text-shadow: 0 0 20px var(--cyber-yellow);
    margin-bottom: 1rem;
}

.gw-audience-card h3 {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0.7rem;
}

.gw-audience-card p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.9rem;
}

/* Benefits Grid */
.gw-benefits-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
}

.gw-benefit-card {
    background: rgba(0, 0, 0, 0.85);
    border: 2px solid var(--cyber-blue);
    padding: 3rem;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.gw-benefit-card:hover {
    border-color: var(--cyber-pink);
    box-shadow: 0 20px 50px rgba(255, 0, 110, 0.4);
    transform: translateY(-10px);
}

.gw-benefit-icon {
    font-size: 4rem;
    margin-bottom: 1.5rem;
    filter: drop-shadow(0 0 20px var(--cyber-blue));
}

.gw-benefit-card h3 {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 1rem;
    color: var(--cyber-pink);
    text-shadow: 0 0 15px var(--cyber-pink);
}

.gw-benefit-card p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.05rem;
    line-height: 1.7;
}

/* Stats Wrapper */
.gw-stats-wrapper {
    background: rgba(0, 0, 0, 0.8);
    border: 2px solid var(--cyber-yellow);
    padding: 3rem 2rem;
    backdrop-filter: blur(15px);
}

.gw-stats-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2rem;
}

.gw-stat-item {
    text-align: center;
}

.gw-stat-value {
    font-family: 'Orbitron', sans-serif;
    font-size: 3rem;
    font-weight: 900;
    color: var(--cyber-yellow);
    text-shadow: 0 0 30px var(--cyber-yellow);
    margin-bottom: 0.5rem;
}

/* Testimonials */
.gw-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.gw-testimonial-card {
    background: rgba(0, 0, 0, 0.8);
    border: 2px solid var(--cyber-blue);
    border-left: 4px solid var(--cyber-pink);
    padding: 2.5rem;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.gw-testimonial-card:hover {
    transform: translateX(10px) translateY(-10px);
    box-shadow: -15px 20px 50px rgba(255, 0, 110, 0.3);
}

.gw-stars {
    color: var(--cyber-yellow);
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
    text-shadow: 0 0 10px var(--cyber-yellow);
}

.gw-testimonial-text {
    font-size: 1.05rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.8);
    font-style: italic;
    margin-bottom: 2rem;
}

.gw-testimonial-author {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.gw-author-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid var(--cyber-blue);
    box-shadow: 0 0 20px var(--cyber-blue);
}

.gw-author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gw-author-info h4 {
    font-size: 1rem;
    margin-bottom: 0.3rem;
}

.gw-author-info p {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.85rem;
}

/* Video CTA */
.gw-video-cta {
    text-align: center;
    padding: 6rem 2rem;
}

.gw-video-cta h2 {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(2rem, 5vw, 4rem);
    font-weight: 900;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    color: var(--cyber-pink);
    text-shadow: 0 0 30px var(--cyber-pink);
}

.gw-video-cta p {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 800px;
    margin: 0 auto 3rem;
    line-height: 1.7;
}

.gw-video-btn {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem 3rem;
    background: linear-gradient(135deg, var(--cyber-yellow), #FF8800);
    color: var(--darker);
    text-decoration: none;
    font-family: 'Orbitron', sans-serif;
    font-weight: 800;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgba(255, 215, 0, 0.4);
}

.gw-video-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 15px 40px rgba(255, 215, 0, 0.6);
}

/* Responsive */
@media (max-width: 1024px) {
    .gw-about-grid,
    .gw-program-grid,
    .gw-benefits-grid {
        grid-template-columns: 1fr;
    }
    
    .gw-pricing-grid {
        grid-template-columns: 1fr;
    }
    
    .gw-audience-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .gw-stats-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .gw-testimonials-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .gw-section {
        padding: 4rem 1.5rem;
    }
    
    .gw-audience-grid,
    .gw-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* 3D ICONS STYLES */
.gw-icon-3d {
    width: 100px;
    height: 100px;
    margin: 0 auto 1.5rem;
    position: relative;
    transform-style: preserve-3d;
    animation: float3d 4s ease-in-out infinite;
}

@keyframes float3d {
    0%, 100% { transform: translateY(0) rotateY(0deg); }
    50% { transform: translateY(-15px) rotateY(10deg); }
}

/* Book Icon */
.icon-book {
    perspective: 1000px;
}

.icon-book-cover {
    width: 70px;
    height: 90px;
    background: linear-gradient(135deg, #00F0FF 0%, #8B00FF 100%);
    border-radius: 4px;
    position: absolute;
    left: 15px;
    box-shadow: 
        0 0 30px rgba(0, 240, 255, 0.6),
        inset 2px 2px 8px rgba(255, 255, 255, 0.4);
}

.icon-book-spine {
    width: 12px;
    height: 90px;
    background: linear-gradient(90deg, #6B00FF 0%, #4B00AA 100%);
    position: absolute;
    left: 8px;
    border-radius: 2px 0 0 2px;
}

.icon-book-pages {
    width: 60px;
    height: 80px;
    background: linear-gradient(to right, #FFFFFF 0%, #E0E0E0 100%);
    position: absolute;
    left: 20px;
    top: 5px;
    border-radius: 0 3px 3px 0;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
}

/* Rocket Icon */
.icon-rocket {
    perspective: 1000px;
}

.icon-rocket-body {
    width: 50px;
    height: 80px;
    background: linear-gradient(180deg, #00F0FF 0%, #0088FF 100%);
    border-radius: 25px 25px 8px 8px;
    position: absolute;
    left: 25px;
    box-shadow: 
        0 0 40px rgba(0, 240, 255, 0.8),
        inset 0 -15px 25px rgba(0, 0, 0, 0.3);
}

.icon-rocket-window {
    width: 25px;
    height: 25px;
    background: radial-gradient(circle, #FFD60A 0%, #FF8800 100%);
    border-radius: 50%;
    position: absolute;
    left: 37.5px;
    top: 20px;
    box-shadow: 0 0 20px rgba(255, 214, 10, 0.8);
}

.icon-rocket-fin-left {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 35px solid #FF006E;
    position: absolute;
    left: 15px;
    top: 50px;
    filter: drop-shadow(0 0 10px rgba(255, 0, 110, 0.6));
}

.icon-rocket-fin-right {
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 35px solid #FF006E;
    position: absolute;
    right: 15px;
    top: 50px;
    filter: drop-shadow(0 0 10px rgba(255, 0, 110, 0.6));
}

.icon-rocket-flame {
    width: 30px;
    height: 35px;
    background: linear-gradient(180deg, #FFD60A 0%, #FF006E 50%, transparent 100%);
    border-radius: 50%;
    position: absolute;
    left: 35px;
    top: 85px;
    filter: blur(4px);
    animation: flameFlicker 0.3s infinite;
}

@keyframes flameFlicker {
    0%, 100% { opacity: 1; transform: scaleY(1); }
    50% { opacity: 0.8; transform: scaleY(1.2); }
}

/* Target Icon */
.icon-target {
    perspective: 1000px;
}

.icon-target-ring1 {
    width: 100px;
    height: 100px;
    border: 5px solid #00F0FF;
    border-radius: 50%;
    position: absolute;
    box-shadow: 0 0 25px rgba(0, 240, 255, 0.8);
}

.icon-target-ring2 {
    width: 70px;
    height: 70px;
    border: 4px solid #8B00FF;
    border-radius: 50%;
    position: absolute;
    left: 15px;
    top: 15px;
    box-shadow: 0 0 20px rgba(139, 0, 255, 0.8);
}

.icon-target-ring3 {
    width: 40px;
    height: 40px;
    border: 3px solid #FF006E;
    border-radius: 50%;
    position: absolute;
    left: 30px;
    top: 30px;
    box-shadow: 0 0 15px rgba(255, 0, 110, 0.8);
}

.icon-target-center {
    width: 20px;
    height: 20px;
    background: radial-gradient(circle, #FFD60A 0%, #FF8800 100%);
    border-radius: 50%;
    position: absolute;
    left: 40px;
    top: 40px;
    box-shadow: 0 0 25px rgba(255, 214, 10, 1);
    animation: targetPulse 1.5s ease-in-out infinite;
}

@keyframes targetPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.2); }
}

/* Trophy Icon */
.icon-trophy {
    perspective: 1000px;
}

.icon-trophy-cup {
    width: 70px;
    height: 55px;
    background: linear-gradient(135deg, #FFD60A 0%, #FF8800 100%);
    border-radius: 0 0 35px 35px;
    position: absolute;
    left: 15px;
    top: 10px;
    box-shadow: 
        0 0 30px rgba(255, 214, 10, 0.8),
        inset 0 5px 15px rgba(255, 255, 255, 0.5);
}

.icon-trophy-cup::before {
    content: '';
    width: 70px;
    height: 12px;
    background: linear-gradient(90deg, #FFD60A 0%, #FF8800 100%);
    position: absolute;
    top: -12px;
    border-radius: 8px 8px 0 0;
}

.icon-trophy-handle-left {
    width: 20px;
    height: 35px;
    border: 4px solid #FFD60A;
    border-right: none;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 18px;
    box-shadow: -5px 0 15px rgba(255, 214, 10, 0.6);
}

.icon-trophy-handle-right {
    width: 20px;
    height: 35px;
    border: 4px solid #FFD60A;
    border-left: none;
    border-radius: 50%;
    position: absolute;
    right: 5px;
    top: 18px;
    box-shadow: 5px 0 15px rgba(255, 214, 10, 0.6);
}

.icon-trophy-base {
    width: 55px;
    height: 25px;
    background: linear-gradient(180deg, #FF8800 0%, #FFD60A 100%);
    border-radius: 8px;
    position: absolute;
    left: 22.5px;
    bottom: 5px;
    box-shadow: 0 5px 20px rgba(255, 214, 10, 0.6);
}

.icon-trophy-stem {
    width: 18px;
    height: 20px;
    background: linear-gradient(180deg, #FFD60A 0%, #FF8800 100%);
    position: absolute;
    left: 41px;
    top: 65px;
    border-radius: 3px;
}

/* Crown Icon */
.icon-crown {
    perspective: 1000px;
}

.icon-crown-base {
    width: 90px;
    height: 28px;
    background: linear-gradient(135deg, #FFD60A 0%, #FF8800 100%);
    border-radius: 8px;
    position: absolute;
    left: 5px;
    bottom: 15px;
    box-shadow: 0 0 30px rgba(255, 214, 10, 0.8);
}

.icon-crown-peak1 {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 50px solid #FFD60A;
    position: absolute;
    left: 35px;
    bottom: 43px;
    filter: drop-shadow(0 0 20px rgba(255, 214, 10, 0.8));
}

.icon-crown-peak2 {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 40px solid #FF8800;
    position: absolute;
    left: 10px;
    bottom: 43px;
    filter: drop-shadow(0 0 15px rgba(255, 136, 0, 0.6));
}

.icon-crown-peak3 {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 40px solid #FF8800;
    position: absolute;
    right: 10px;
    bottom: 43px;
    filter: drop-shadow(0 0 15px rgba(255, 136, 0, 0.6));
}

.icon-crown-jewel {
    width: 14px;
    height: 14px;
    background: radial-gradient(circle, #FF006E 0%, #8B00FF 100%);
    border-radius: 50%;
    position: absolute;
    left: 43px;
    top: 5px;
    box-shadow: 0 0 20px rgba(255, 0, 110, 1);
    animation: jewelSparkle 2s ease-in-out infinite;
}

@keyframes jewelSparkle {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.3); }
}

/* Chart Icon */
.icon-chart {
    perspective: 1000px;
}

.icon-chart-bar1 {
    width: 22px;
    height: 40px;
    background: linear-gradient(180deg, #00F0FF 0%, #0088FF 100%);
    border-radius: 4px 4px 0 0;
    position: absolute;
    left: 10px;
    bottom: 10px;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.6);
    animation: barGrow1 2s ease-in-out infinite;
}

.icon-chart-bar2 {
    width: 22px;
    height: 65px;
    background: linear-gradient(180deg, #8B00FF 0%, #6B00DD 100%);
    border-radius: 4px 4px 0 0;
    position: absolute;
    left: 39px;
    bottom: 10px;
    box-shadow: 0 0 20px rgba(139, 0, 255, 0.6);
    animation: barGrow2 2s ease-in-out infinite 0.3s;
}

.icon-chart-bar3 {
    width: 22px;
    height: 85px;
    background: linear-gradient(180deg, #FF006E 0%, #DD0055 100%);
    border-radius: 4px 4px 0 0;
    position: absolute;
    right: 10px;
    bottom: 10px;
    box-shadow: 0 0 20px rgba(255, 0, 110, 0.6);
    animation: barGrow3 2s ease-in-out infinite 0.6s;
}

@keyframes barGrow1 {
    0%, 100% { transform: scaleY(1); }
    50% { transform: scaleY(1.15); }
}

@keyframes barGrow2 {
    0%, 100% { transform: scaleY(1); }
    50% { transform: scaleY(1.15); }
}

@keyframes barGrow3 {
    0%, 100% { transform: scaleY(1); }
    50% { transform: scaleY(1.15); }
}

.icon-chart-arrow {
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 30px solid #FFD60A;
    position: absolute;
    right: 5px;
    top: 5px;
    transform: rotate(45deg);
    filter: drop-shadow(0 0 15px rgba(255, 214, 10, 0.8));
}

/* Globe Icon */
.icon-globe {
    perspective: 1000px;
}

.icon-globe-sphere {
    width: 85px;
    height: 85px;
    background: radial-gradient(circle at 30% 30%, #00F0FF 0%, #0066AA 100%);
    border-radius: 50%;
    position: absolute;
    left: 7.5px;
    top: 7.5px;
    box-shadow: 
        0 0 35px rgba(0, 240, 255, 0.8),
        inset -15px -15px 30px rgba(0, 0, 0, 0.5);
}

.icon-globe-meridian {
    width: 85px;
    height: 85px;
    border: 3px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    position: absolute;
    left: 7.5px;
    top: 7.5px;
    transform: rotateY(65deg);
}

.icon-globe-equator {
    width: 85px;
    height: 40px;
    border: 3px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    position: absolute;
    left: 7.5px;
    top: 30px;
}

.icon-globe-shine {
    width: 25px;
    height: 25px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0%, transparent 100%);
    border-radius: 50%;
    position: absolute;
    left: 25px;
    top: 20px;
}

/* Clock Icon */
.icon-clock {
    perspective: 1000px;
}

.icon-clock-face {
    width: 90px;
    height: 90px;
    background: radial-gradient(circle, #FFFFFF 0%, #E0E0E0 100%);
    border: 6px solid #00F0FF;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 5px;
    box-shadow: 
        0 0 35px rgba(0, 240, 255, 0.8),
        inset 0 3px 8px rgba(0, 0, 0, 0.2);
}

.icon-clock-hour {
    width: 6px;
    height: 32px;
    background: linear-gradient(180deg, #FF006E 0%, #DD0055 100%);
    border-radius: 3px 3px 0 0;
    position: absolute;
    left: 47px;
    top: 23px;
    transform-origin: bottom center;
    transform: rotate(45deg);
    box-shadow: 0 0 10px rgba(255, 0, 110, 0.6);
}

.icon-clock-minute {
    width: 4px;
    height: 38px;
    background: linear-gradient(180deg, #8B00FF 0%, #6B00DD 100%);
    border-radius: 2px 2px 0 0;
    position: absolute;
    left: 48px;
    top: 17px;
    transform-origin: bottom center;
    transform: rotate(90deg);
    box-shadow: 0 0 10px rgba(139, 0, 255, 0.6);
}

.icon-clock-center {
    width: 12px;
    height: 12px;
    background: radial-gradient(circle, #FFD60A 0%, #FF8800 100%);
    border-radius: 50%;
    position: absolute;
    left: 44px;
    top: 44px;
    box-shadow: 0 0 15px rgba(255, 214, 10, 0.8);
}

</style>

<div class="gw-wrapper">
    <!-- Hero -->
    <section class="gw-hero">
        <div class="gw-hero-content">
            <div class="gw-badge">СТАРТ: 25 СЕНТЯБРЯ</div>
            
                СТРАТЕГИЯ
                <span class="gw-gradient-text">450% В 2024</span>
            </h1>
            <p class="gw-hero-subtitle">АКАДЕМИЯ ТРЕЙДИНГА ВЯЧЕСЛАВА ТАКВЕЛЯ</p>
            <div class="gw-cta-group">
                <a href="https://t.me/GoodwinPro001" class="gw-btn gw-btn-primary">ПРИНЯТЬ УЧАСТИЕ</a>
                <a href="https://t.me/GoodwinPro001" class="gw-btn gw-btn-secondary">СВЯЗАТЬСЯ</a>
            </div>
        </div>
    </section>

    <!-- About -->
    <section class="gw-section" style="background-image: url('https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?w=1920&q=80');">
        <div class="gw-container">
            <div class="gw-about-grid">
                <div class="gw-about">
                    АЛГОРИТМ<br/>ГУДВИНА</h2>
                    Простая последовательность действий трейдера, которая позволяет грамотно проанализировать рынок, определить наиболее перспективные акции для торговли, найти точку для входа с четкими целями и стоп-лоссами.</p>
                    <ul class="gw-cyber-list">
                        Системный подход к торговле</li>
                        Проверенная стратегия 450%</li>
                        Четкий алгоритм входа/выхода</li>
                    </ul>
                </div>
                
                    <div class="gw-stat-box">
                        <div class="gw-stat-number">&lt;450%</div>
                        <div class="gw-stat-label">Доходность 2024</div>
                    </div>
                    <div class="gw-stat-box">
                        <div class="gw-stat-number">5-е</div>
                        <div class="gw-stat-label">Место РИЧ 2024</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Program -->
    <section class="gw-section" style="background-image: url('https://images.unsplash.com/photo-1582407947304-fd86f028f716?w=1920&q=80');">
        <div class="gw-container">
            <div class="gw-section-header">
                <div class="gw-section-tag">ПРОГРАММА</div>
                <h2 class="gw-section-title">ОБУЧЕНИЕ 2 БЛОКА</h2>
                <p class="gw-section-subtitle">Базовое погружение в трейдинг и Алгоритм Гудвина</p>
            </div>
            <div class="gw-program-grid">
                <div class="gw-program-card">
                    <div class="gw-icon-3d icon-book">
                        <div class="icon-book-spine"></div>
                        <div class="icon-book-cover"></div>
                        <div class="icon-book-pages"></div>
                    </div>
                    <span class="gw-program-label">БЛОК 1</span>
                    Базовое погружение</h3>
                    5 уроков по основным направлениям + гайды</p>
                    <ul class="gw-cyber-list">
                        Введение в трейдинг</li>
                        Технический анализ</li>
                        Фундаментальный анализ</li>
                        Макроэкономический анализ</li>
                        Психология и мани-менеджмент</li>
                    </ul>
                </div>
                <div class="gw-program-card">
                    <div class="gw-icon-3d icon-rocket">
                        <div class="icon-rocket-body"></div>
                        <div class="icon-rocket-window"></div>
                        <div class="icon-rocket-fin-left"></div>
                        <div class="icon-rocket-fin-right"></div>
                        <div class="icon-rocket-flame"></div>
                    </div>
                    <span class="gw-program-label">БЛОК 2</span>
                    Алгоритм Гудвина</h3>
                    15 уроков с детальным разбором стратегии</p>
                    <ul class="gw-cyber-list">
                        Подготовка "вне рынка"</li>
                        Свечной анализ</li>
                        Работа с уровнем</li>
                        Торговля новостей</li>
                        + 11 уроков стратегии</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing -->
    <section class="gw-section" id="tarif" style="background-image: url('https://images.unsplash.com/photo-1590283603385-17ffb3a7f29f?w=1920&q=80');">
        <div class="gw-container">
            <div class="gw-section-header">
                <div class="gw-section-tag">ТАРИФЫ</div>
                <h2 class="gw-section-title">ВЫБЕРИ ФОРМАТ</h2>
            </div>
            <div class="gw-pricing-grid">
                <div class="gw-pricing-card">
                    <div class="gw-icon-3d icon-target">
                        <div class="icon-target-ring1"></div>
                        <div class="icon-target-ring2"></div>
                        <div class="icon-target-ring3"></div>
                        <div class="icon-target-center"></div>
                    </div>
                    Уверенный старт</h3>
                    <ul class="gw-pricing-list">
                        5 базовых уроков</li>
                        15 уроков Алгоритм</li>
                        Личный кабинет</li>
                        Гайды и инструкции</li>
                        Домашние задания</li>
                        Чат по обучению</li>
                        Техподдержка</li>
                        Дневник трейдера</li>
                        Канал (3 месяца)</li>
                        Изумрудный город (6м)</li>
                        <li class="disabled">Мастер-сессия</li>
                        <li class="disabled">Обратная связь</li>
                        <li class="disabled">Кураторы</li>
                        <li class="disabled">Q&A-сессии</li>
                    </ul>
                    <div class="gw-price-display">
                        <div class="gw-old-price">83 500₽</div>
                        <div class="gw-current-price">57 700₽</div>
                        <div class="gw-discount">-37%</div>
                    </div>
                    <p class="gw-access-info">Доступ: 6 месяцев</p>
                    <a href="https://t.me/GoodwinPro001" class="gw-pricing-cta">Оплатить</a>
                </div>

                <div class="gw-pricing-card featured">
                    <div class="gw-pricing-badge">ТОП ВЫБОР</div>
                    <div class="gw-icon-3d icon-trophy">
                        <div class="icon-trophy-cup"></div>
                        <div class="icon-trophy-handle-left"></div>
                        <div class="icon-trophy-handle-right"></div>
                        <div class="icon-trophy-stem"></div>
                        <div class="icon-trophy-base"></div>
                    </div>
                    Мастер трейдинга</h3>
                    <ul class="gw-pricing-list">
                        5 базовых уроков</li>
                        15 уроков Алгоритм</li>
                        Личный кабинет</li>
                        Гайды и инструкции</li>
                        Домашние задания</li>
                        Чат по обучению</li>
                        Мастер-сессия</li>
                        Обратная связь</li>
                        Поддержка кураторов</li>
                        Дневник трейдера</li>
                        8 часов Q&A</li>
                        Канал (6 месяцев)</li>
                        Изумрудный город (1г)</li>
                        Урок для профи</li>
                    </ul>
                    <div class="gw-price-display">
                        <div class="gw-old-price">151 400₽</div>
                        <div class="gw-current-price">87 300₽</div>
                        <div class="gw-discount">-54%</div>
                    </div>
                    <p class="gw-access-info">Доступ: 12 месяцев</p>
                    <a href="https://t.me/GoodwinPro001" class="gw-pricing-cta">Оплатить</a>
                </div>

                <div class="gw-pricing-card">
                    <div class="gw-icon-3d icon-crown">
                        <div class="icon-crown-peak1"></div>
                        <div class="icon-crown-peak2"></div>
                        <div class="icon-crown-peak3"></div>
                        <div class="icon-crown-base"></div>
                        <div class="icon-crown-jewel"></div>
                    </div>
                    Ultimate</h3>
                    <ul class="gw-pricing-list">
                        5 базовых уроков</li>
                        15 уроков Алгоритм</li>
                        Личный кабинет</li>
                        Гайды и инструкции</li>
                        Домашние задания</li>
                        Чат по обучению</li>
                        Мастер-сессия</li>
                        Обратная связь</li>
                        Поддержка кураторов</li>
                        Дневник трейдера</li>
                        8 часов Q&A</li>
                        Личная консультация</li>
                        Чат с Вячеславом</li>
                        Канал (6 месяцев)</li>
                    </ul>
                    <div class="gw-price-display">
                        <div class="gw-current-price">249 000₽</div>
                    </div>
                    <p class="gw-access-info">Доступ: Без ограничений</p>
                    <a href="https://t.me/GoodwinPro001" class="gw-pricing-cta">Оплатить</a>
                </div>
            </div>
        </div>
    </section>

    <!-- Audience -->
    <section class="gw-section" style="background-image: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=1920&q=80');">
        <div class="gw-container">
            <div class="gw-section-header">
                <div class="gw-section-tag">ДЛЯ КОГО</div>
                <h2 class="gw-section-title">КОМУ ПОДОЙДЕТ</h2>
            </div>
            <div class="gw-audience-grid">
                <div class="gw-audience-card">
                    <div class="gw-audience-number">(01)</div>
                    ИНВЕСТОРАМ</h3>
                    Желающим увеличить доходность</p>
                </div>
                <div class="gw-audience-card">
                    <div class="gw-audience-number">(02)</div>
                    ТРЕЙДЕРАМ</h3>
                    Систематизировать знания</p>
                </div>
                <div class="gw-audience-card">
                    <div class="gw-audience-number">(03)</div>
                    НОВИЧКАМ</h3>
                    Без знаний о рынке</p>
                </div>
                <div class="gw-audience-card">
                    <div class="gw-audience-number">(04)</div>
                    ВСЕМ</h3>
                    Независимо от образования</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Benefits -->
    <section class="gw-section" style="background-image: url('https://images.unsplash.com/photo-1535320903710-d993d3d77d29?w=1920&q=80');">
        <div class="gw-container">
            <div class="gw-section-header">
                <h2 class="gw-section-title">ПРЕИМУЩЕСТВА</h2>
            </div>
            <div class="gw-benefits-grid">
                <div class="gw-benefit-card">
                    <div class="gw-icon-3d icon-chart">
                        <div class="icon-chart-bar1"></div>
                        <div class="icon-chart-bar2"></div>
                        <div class="icon-chart-bar3"></div>
                        <div class="icon-chart-arrow"></div>
                    </div>
                    ВЫСОКАЯ ДОХОДНОСТЬ</h3>
                    Трейдинг позволяет зарабатывать в 5−10 раз выше, чем депозиты, облигации или классическое инвестирование</p>
                </div>
                <div class="gw-benefit-card">
                    <div class="gw-icon-3d icon-rocket">
                        <div class="icon-rocket-body"></div>
                        <div class="icon-rocket-window"></div>
                        <div class="icon-rocket-fin-left"></div>
                        <div class="icon-rocket-fin-right"></div>
                        <div class="icon-rocket-flame"></div>
                    </div>
                    НЕТ ПОТОЛКА</h3>
                    Все зависит от вашего желания и стремления развиваться в трейдинге</p>
                </div>
                <div class="gw-benefit-card">
                    <div class="gw-icon-3d icon-globe">
                        <div class="icon-globe-sphere"></div>
                        <div class="icon-globe-meridian"></div>
                        <div class="icon-globe-equator"></div>
                        <div class="icon-globe-shine"></div>
                    </div>
                    МОБИЛЬНОСТЬ</h3>
                    Торгуйте где угодно: с компьютера, ноутбука или телефона</p>
                </div>
                <div class="gw-benefit-card">
                    <div class="gw-icon-3d icon-clock">
                        <div class="icon-clock-face"></div>
                        <div class="icon-clock-hour"></div>
                        <div class="icon-clock-minute"></div>
                        <div class="icon-clock-center"></div>
                    </div>
                    НЕЗАВИСИМОСТЬ</h3>
                    Сами решаете, когда торговать и сколько времени уделять рынку</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Stats -->
    <section class="gw-section" style="background-image: url('https://images.unsplash.com/photo-1559526324-593bc073d938?w=1920&q=80');">
        <div class="gw-container">
            <div class="gw-stats-wrapper">
                <div class="gw-stats-grid">
                    <div class="gw-stat-item">
                        <div class="gw-stat-value">&lt;450%</div>
                        <div class="gw-stat-label">Доходность 2024</div>
                    </div>
                    <div class="gw-stat-item">
                        <div class="gw-stat-value">5-е</div>
                        <div class="gw-stat-label">Место РИЧ 2024</div>
                    </div>
                    <div class="gw-stat-item">
                        <div class="gw-stat-value">2008</div>
                        <div class="gw-stat-label">Начало</div>
                    </div>
                    <div class="gw-stat-item">
                        <div class="gw-stat-value">Топ-10</div>
                        <div class="gw-stat-label">Пульса</div>
                    </div>
                    <div class="gw-stat-item">
                        <div class="gw-stat-value">&gt;100К</div>
                        <div class="gw-stat-label">Подписчиков</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonials -->
    <section class="gw-section" style="background-image: url('https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?w=1920&q=80');">
        <div class="gw-container">
            <div class="gw-section-header">
                <div class="gw-section-tag">ОТЗЫВЫ</div>
                <h2 class="gw-section-title">ЧТО ГОВОРЯТ</h2>
            </div>
            <div class="gw-testimonials-grid">
                <div class="gw-testimonial-card">
                    <div class="gw-stars">⭐⭐⭐⭐⭐</div>
                    <div class="gw-testimonial-text">"Алгоритм Гудвина полностью изменил мой подход к трейдингу. Теперь я понимаю, как правильно анализировать рынок."</div>
                    <div class="gw-testimonial-author">
                        <div class="gw-author-avatar">
                            <img src="https://i.pravatar.cc/150?img=12" alt="Алексей Смирнов">
                        </div>
                        <div class="gw-author-info">
                            Алексей Смирнов</h4>
                            Трейдер</p>
                        </div>
                    </div>
                </div>
                <div class="gw-testimonial-card">
                    <div class="gw-stars">⭐⭐⭐⭐⭐</div>
                    <div class="gw-testimonial-text">"Начинала с нуля. Благодаря структурированной программе через 3 месяца совершила первые прибыльные сделки!"</div>
                    <div class="gw-testimonial-author">
                        <div class="gw-author-avatar">
                            <img src="https://i.pravatar.cc/150?img=47" alt="Мария Коваленко">
                        </div>
                        <div class="gw-author-info">
                            Мария Коваленко</h4>
                            Начинающий трейдер</p>
                        </div>
                    </div>
                </div>
                <div class="gw-testimonial-card">
                    <div class="gw-stars">⭐⭐⭐⭐⭐</div>
                    <div class="gw-testimonial-text">"Вячеслав - настоящий профессионал! Его подход помог систематизировать знания и увеличить прибыльность."</div>
                    <div class="gw-testimonial-author">
                        <div class="gw-author-avatar">
                            <img src="https://i.pravatar.cc/150?img=33" alt="Дмитрий Петров">
                        </div>
                        <div class="gw-author-info">
                            Дмитрий Петров</h4>
                            Опытный трейдер</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Video CTA -->
    <section class="gw-video-cta gw-section" style="background-image: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=1920&q=80');">
        <div class="gw-container">
            ЕСЛИ ЕЩЕ СОМНЕВАЕТЕСЬ...</h2>
            Посмотрите видео, как с 300 000 рублей я заработал более 5 000 000 рублей за полгода</p>
            <a href="https://clck.ru/3JjZHS" class="gw-video-btn">
                ▶</span>
                ПРОСМОТРЕТЬ</span>
            </a>
        </div>
    </section>
</div>