/*
 BuddySEO AI Meta Generator
 Clean Premium Light Theme
*/

:root{
    --b-primary:#ff3ebf;
    --b-purple:#8c5cff;
    --b-cyan:#35d5ff;
    --b-text:#101022;
    --b-muted:#64748b;
    --b-border:#e2e8f0;
}

.buddyseo-ai-wrapper{
    min-height:100vh;
    padding:60px 20px;
    background:
    linear-gradient(135deg,#ffffff 0%,#f8faff 55%,#fdf2ff 100%);
    color:var(--b-text);
}


/* Main Generator */
.buddyseo-meta-box{
    max-width:850px;
    margin:0 auto;
    padding:45px;
    background:rgba(255,255,255,.92);
    border:1px solid #e0e7ff;
    border-radius:32px;
    box-shadow:0 30px 80px rgba(99,102,241,.14);
}

.buddyseo-meta-header{
    text-align:center;
    margin-bottom:30px;
}

.buddyseo-meta-header h2{
    margin:0 0 12px;
    font-size:38px;
    font-weight:800;
    background:linear-gradient(90deg,var(--b-primary),var(--b-purple),var(--b-cyan));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.buddyseo-meta-header p{
    color:var(--b-muted);
    font-size:16px;
}


/* Input */
#buddyseo-meta-input{
    width:100%;
    min-height:170px;
    resize:none;
    padding:25px;
    border-radius:22px;
    border:2px solid #e2e8f0;
    background:#ffffff;
    color:var(--b-text);
    font-size:16px;
}

#buddyseo-meta-input:focus{
    outline:none;
    border-color:var(--b-purple);
    box-shadow:0 0 25px rgba(140,92,255,.15);
}


/* Button */
#buddyseo-meta-button{
    width:100%;
    margin-top:20px;
    padding:16px;
    border:0;
    border-radius:50px;
    color:#ffffff;
    font-weight:700;
    cursor:pointer;
    background:linear-gradient(90deg,var(--b-primary),var(--b-purple),var(--b-cyan));
    box-shadow:0 15px 35px rgba(140,92,255,.25);
}


/* Result */
#buddyseo-meta-result{
    margin-top:25px;
    padding:30px;
    min-height:80px;
    background:#ffffff;
    color:var(--b-text);
    border-radius:25px;
    border-left:5px solid var(--b-purple);
    box-shadow:0 15px 40px rgba(15,23,42,.08);
}


/* Sections */
.buddyseo-info-section{
    max-width:1100px;
    margin:80px auto;
    text-align:center;
}

.buddyseo-info-section h2{
    font-size:34px;
    font-weight:800;
    margin-bottom:35px;
    background:linear-gradient(90deg,var(--b-primary),var(--b-purple));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}


/* Steps */
.buddyseo-steps{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.buddyseo-step-card{
    padding:32px 25px;
    text-align:left;
    background:#ffffff;
    border:1px solid #e0e7ff;
    border-radius:28px;
    box-shadow:0 20px 45px rgba(99,102,241,.10);
}

.step-icon{
    width:55px;
    height:55px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:linear-gradient(135deg,var(--b-primary),var(--b-purple));
    color:#fff;
    font-size:25px;
    margin-bottom:20px;
}

.buddyseo-step-card h3{
    color:var(--b-text);
}

.buddyseo-step-card p{
    color:var(--b-muted);
    line-height:1.7;
}


/* Example */
.buddyseo-example-box{
    max-width:850px;
    margin:auto;
    padding:40px;
    text-align:left;
    background:#ffffff;
    border:1px solid #e0e7ff;
    border-radius:30px;
    box-shadow:0 20px 50px rgba(99,102,241,.10);
}

.buddyseo-example-box h4{
    color:var(--b-purple);
    margin-top:22px;
}

.buddyseo-example-box p{
    color:var(--b-muted);
}


/* FAQ */
.buddyseo-faq{
    max-width:850px;
    margin:auto;
}

.buddyseo-faq h3{
    padding:22px 25px;
    margin:15px 0 0;
    background:#ffffff;
    border:1px solid #e0e7ff;
    border-radius:18px;
    color:var(--b-text);
    box-shadow:0 10px 30px rgba(99,102,241,.07);
}

.buddyseo-faq p{
    padding:20px 25px;
    margin:0;
    background:#f8faff;
    color:var(--b-muted);
    border-radius:0 0 18px 18px;
    line-height:1.7;
}


/* Loader */
.ai-loader{
    border-color:#e0e7ff;
    border-top-color:var(--b-purple);
}


/* Mobile */
@media(max-width:768px){

    .buddyseo-meta-box{
        padding:25px;
    }

    .buddyseo-meta-header h2{
        font-size:28px;
    }

    .buddyseo-steps{
        grid-template-columns:1fr;
    }

    .buddyseo-info-section h2{
        font-size:26px;
    }
}
/* ===== Premium Card Depth Upgrade ===== */

.buddyseo-ai-wrapper{
    background:
    radial-gradient(circle at 10% 10%, rgba(255,62,191,.10), transparent 25%),
    radial-gradient(circle at 90% 20%, rgba(53,213,255,.12), transparent 25%),
    linear-gradient(135deg,#f8faff,#ffffff,#fdf4ff) !important;
}


/* Main Generator */
.buddyseo-meta-box{
    background:rgba(255,255,255,.85) !important;
    border:1px solid rgba(140,92,255,.25) !important;
    box-shadow:
    0 30px 80px rgba(140,92,255,.18),
    inset 0 1px 0 rgba(255,255,255,.8) !important;
}


/* Step Cards */
.buddyseo-step-card{
    background:
    linear-gradient(145deg,#ffffff,#f7f3ff) !important;
    
    border:1px solid rgba(140,92,255,.20) !important;

    box-shadow:
    0 20px 45px rgba(99,102,241,.15),
    0 5px 15px rgba(0,0,0,.04) !important;

    transform:translateY(0);
    transition:.3s ease;
}

.buddyseo-step-card:hover{
    transform:translateY(-8px);
    box-shadow:
    0 30px 60px rgba(99,102,241,.22) !important;
}


/* Example Box */
.buddyseo-example-box{

    background:
    linear-gradient(145deg,#ffffff,#f8faff) !important;

    border:1px solid rgba(53,213,255,.25) !important;

    box-shadow:
    0 25px 60px rgba(53,213,255,.12) !important;
}


/* FAQ */
.buddyseo-faq h3{
    background:
    linear-gradient(145deg,#ffffff,#faf5ff) !important;

    border:1px solid rgba(140,92,255,.18) !important;

    box-shadow:
    0 12px 35px rgba(99,102,241,.10) !important;
}