/* ==========================
   US TIMEZONE PAGE
========================== */

.timezone-section{

    padding:100px 0;

    background:
    radial-gradient(circle at top left,
    rgba(91,92,255,.12),
    transparent 35%),

    radial-gradient(circle at top right,
    rgba(168,85,247,.10),
    transparent 40%),

    #020817;
}

.timezone-grid{

    display:grid;

    grid-template-columns:
    1.1fr .9fr;

    gap:50px;

    align-items:center;
}

.section-badge{

    display:inline-block;

    padding:8px 18px;

    border-radius:50px;

    color:#9cc9ff;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

    border:1px solid rgba(91,92,255,.25);

    background:rgba(91,92,255,.08);

    margin-bottom:25px;
}

.timezone-content h1{

    font-size:58px;

    line-height:1.1;

    margin-bottom:25px;

    color:#fff;
}

.lead{

    color:#b7c6dc;

    font-size:18px;

    line-height:1.9;

    margin-bottom:40px;
}

/* Features */

.timezone-features{

    display:grid;

    gap:18px;

    margin-bottom:40px;
}

.feature-item{

    display:flex;

    gap:18px;

    align-items:flex-start;

    padding:18px;

    border-radius:18px;

    background:
    rgba(8,15,30,.8);

    border:
    1px solid rgba(91,92,255,.15);
}

.feature-item i{

    width:55px;
    height:55px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    font-size:22px;

    color:#8b5cf6;

    background:
    rgba(139,92,246,.08);
}

.feature-item h4{

    color:#fff;

    margin-bottom:6px;
}

.feature-item p{

    color:#9fb0ca;
}

/* Stats */

.timezone-stats{

    display:flex;

    gap:20px;
}

.stat-box{

    flex:1;

    text-align:center;

    padding:25px;

    border-radius:18px;

    background:
    rgba(8,15,30,.9);

    border:
    1px solid rgba(91,92,255,.15);
}

.stat-box h3{

    font-size:32px;

    color:#8b5cf6;
}

.stat-box span{

    color:#9fb0ca;
}

/* FORM */

.form-card{

    padding:40px;

    border-radius:24px;

    background:
    linear-gradient(
    180deg,
    rgba(10,18,35,.95),
    rgba(5,10,20,.95)
    );

    border:
    1px solid rgba(91,92,255,.18);

    box-shadow:
    0 0 40px rgba(91,92,255,.12);
}

.form-card h3{

    color:#fff;

    font-size:32px;

    margin-bottom:10px;
}

.form-card p{

    color:#9fb0ca;

    margin-bottom:30px;
}

.form-group{

    margin-bottom:18px;
}

.form-group input,
.form-group select,
.form-group textarea{

    width:100%;

    padding:16px 18px;

    background:#081325;

    border:1px solid rgba(91,92,255,.15);

    border-radius:12px;

    color:#fff;

    outline:none;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{

    border-color:#8b5cf6;
}

.submit-btn{

    width:100%;

    border:none;

    cursor:pointer;

    padding:18px;

    border-radius:14px;

    color:#fff;

    font-weight:700;

    background:
    linear-gradient(
    135deg,
    #5b5cff,
    #a855f7
    );

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;
}
@media(max-width:991px){

.timezone-grid{

    grid-template-columns:1fr;

    gap:40px;
}

.timezone-content h1{

    font-size:42px;
}

}

@media(max-width:768px){

.timezone-section{

    padding:70px 0;
}

.timezone-content h1{

    font-size:34px;
}

.timezone-stats{

    flex-direction:column;
}

.form-card{

    padding:30px 20px;
}

}