/* ============================================
   Template 08 - Sunset Horizon
   ============================================ */

.template-sunset {
    background: linear-gradient(180deg, #1a1a2e 0%, #2d1b3d 50%, #1a1a2e 100%);
}

/* Logo */
.sunset-logo {
    filter: drop-shadow(0 0 20px rgba(250, 112, 154, 0.3));
}

.sunset-icon {
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
    color: white;
}

/* Sunset Heading */
.sunset-heading {
    font-size: clamp(2.5rem, 7vw, 5rem);
    font-weight: 800;
    text-align: center;
    line-height: 1.1;
}

.text-sunset-warm {
    display: block;
    background: linear-gradient(135deg, #fa709a 0%, #ff9a8b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.text-sunset-golden {
    display: block;
    background: linear-gradient(135deg, #fee140 0%, #fa709a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Sunset Countdown */
.sunset-countdown .countdown-item {
    background: rgba(250, 112, 154, 0.1);
    border: 1px solid rgba(250, 112, 154, 0.3);
}

.sunset-countdown .countdown-value {
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Sunset Form */
.sunset-form input {
    background: rgba(250, 112, 154, 0.1);
    border: 1px solid rgba(250, 112, 154, 0.3);
}

.sunset-form input:focus {
    border-color: #fa709a;
    box-shadow: 0 0 0 3px rgba(250, 112, 154, 0.2);
}

.btn-sunset {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
    color: #1a1a2e;
    padding: 1rem 2rem;
    border-radius: 9999px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.btn-sunset:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(250, 112, 154, 0.4);
}

/* Sunset Quote */
.sunset-quote {
    max-width: 500px;
    margin: 2rem auto 0;
    padding: 1.5rem;
    background: rgba(250, 112, 154, 0.05);
    border-left: 3px solid #fa709a;
    text-align: left;
}

.sunset-quote p {
    font-size: 1.125rem;
    font-style: italic;
    color: var(--text-light);
    margin-bottom: 0.5rem;
}

.sunset-quote cite {
    font-size: 0.875rem;
    color: var(--text-muted);
}

/* Sunset Social */
.sunset-social-link {
    background: rgba(250, 112, 154, 0.1);
    border: 1px solid rgba(250, 112, 154, 0.3);
}

.sunset-social-link:hover {
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
    border-color: transparent;
    color: #1a1a2e;
}