/*
Copyright © Wild Rose Devs. & Alberta Lynx 2025. All rights reserved.

This software and its source code are proprietary and confidential.
Unauthorized copying, distribution, modification, or use in whole or in part
is strictly prohibited and may result in civil and/or criminal penalties.

No license or rights are granted by implication or otherwise under any
intellectual property rights.

For licensing inquiries, contact: https://wildrosedevs.ca
*/

/* HERO SECTION */
.hero-s {
    position: relative;
    width: 100%;
    height: 50vh;
    background: url('../images/hero/lawn-sign-hero.avif') center/cover no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.hero-s .hero-title {
    position: static;
    margin: 0;
    padding: 0;
    font-size: clamp(2rem, 5vw, 5rem);
    line-height: 1.2;
    color: #f5f5f5;
    text-shadow: none;
}

/* SIGN-UP FORM */
.signup-section {
  background: url('../images/backgrounds/image0.avif') center/cover no-repeat;
}

.signup-form {
    max-width: 600px;
    margin: 2rem auto 4rem;
    padding: 2rem;
    background: #f5f5f5;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.signup-form h2 {
    margin-bottom: 1rem;
    font-size: 2rem;
    color: #1f4ce0d7;
}

.signup-form .signup-intro {
    margin: 0 0 1.5rem;
    color: #1a1a1a !important;
    font-size: 1rem;
    line-height: 1.6;
}

.signup-form form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.signup-form .row {
    display: flex;
    gap: 1rem;
}

.signup-form .col {
    flex: 1;
}

.signup-form input,
.signup-form textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border: none;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.25);
    color: #1a1a1a;
    font-size: 1rem;
    outline: none;
    transition: background 0.2s ease;
}

.signup-form input::placeholder,
.signup-form textarea::placeholder {
    color: #555;
}

.signup-form input:focus,
.signup-form textarea:focus {
    background: rgba(255, 255, 255, 0.4);
}

.signup-form textarea {
    min-height: 100px;
    resize: vertical;
}

.btn-submit {
    margin-top: 0.5rem;
    padding: 0.85rem;
    font-size: 1.1rem;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, #1f3a92, #0037eb);
    color: #fff;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}

.hp-field {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    padding: .75rem 1rem;
    margin-top: 1rem;
    border-radius: .25rem;
}

.alert-error {
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    padding: .75rem 1rem;
    margin-top: 1rem;
    border-radius: .25rem;
}

body {
    background: url('../images/backgrounds/image0.avif') center/cover no-repeat;
}