body{
    font-family:Arial,sans-serif;
}


/* MAIN WRAPPER */

.gtaia-wrapper{

    width:100%;

    padding:80px 20px;

    background:#0d1117;

}



/* CARD */

.gtaia-card{

    max-width:850px;

    margin:auto;

    background:#161b22;

    border-radius:18px;

    padding:50px;

    box-shadow:0 20px 50px rgba(0,0,0,.35);

    text-align:center;

}



.gtaia-card h1{

    color:#fff;

    font-size:42px;

    margin-bottom:15px;

}


.gtaia-card p{

    color:#b6bcc8;

}



/* FORM */

#gtaia-form{

    margin-top:35px;

}



#gtaia-url{

    width:100%;

    padding:18px;

    border-radius:12px;

    border:none;

    font-size:17px;

    margin-bottom:20px;

}



#gtaia-form button{

    width:100%;

    padding:18px;

    border:none;

    border-radius:12px;

    background:#00c896;

    color:#fff;

    cursor:pointer;

    font-size:18px;

    transition:.3s;

}



#gtaia-form button:hover{

    background:#00b585;

}





/* LOADER */

#gtaia-loading{

    display:none;

    margin-top:40px;

}



.gtaia-spinner{

    width:70px;

    height:70px;

    border:6px solid #2b3138;

    border-top:6px solid #00c896;

    border-radius:50%;

    margin:auto;

    animation:spin 1s linear infinite;

}



@keyframes spin{

100%{

transform:rotate(360deg);

}

}





/* RESULT */

#gtaia-results{

    margin-top:40px;

    color:#fff;

}





.gtaia-report{

    margin-top:40px;

    background:#111820;

    padding:30px;

    border-radius:18px;

    color:white;

}






/* SCORE */

.gtaia-score{

    text-align:center;

    margin:30px 0;

}



.score-circle{

    width:140px;

    height:140px;

    margin:auto;

    border-radius:50%;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    font-weight:bold;

    color:#fff;

    animation:scorePop .8s ease;

}



.score-circle span{

    font-size:42px;

}



.score-circle small{

    font-size:14px;

}





.score-circle.excellent{

    background:#00c896;

}



.score-circle.good{

    background:#ffc107;

    color:#111;

}



.score-circle.average{

    background:#ff9800;

}



.score-circle.poor{

    background:#ff4757;

}




@keyframes scorePop{

from{

transform:scale(.4);

opacity:0;

}

to{

transform:scale(1);

opacity:1;

}

}







.health-status{

    display:inline-block;

    margin-top:10px;

    padding:8px 18px;

    border-radius:30px;

    background:#00c896;

    color:#fff;

    font-weight:600;

}






/* SUMMARY */

.audit-summary{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:20px;

    margin:30px 0;

}




.summary-box{

    background:#1b222c;

    padding:25px;

    border-radius:15px;

    text-align:center;

}



.summary-box strong{

    font-size:40px;

    color:#00c896;

}






/* SCORE GRID */


.score-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

}



.score-box{

    background:#1b222c;

    padding:25px;

    border-radius:15px;

    text-align:center;

}



.score-box strong{

    font-size:30px;

    color:#00c896;

}








/* PROGRESS */

.progress-section{

    background:#161c24;

    padding:25px;

    border-radius:15px;

    margin:30px 0;

}



.progress-item{

    margin:20px 0;

}



.progress-bar{

    height:12px;

    background:#252d38;

    border-radius:20px;

    overflow:hidden;

}



.progress-bar span{

    display:block;

    height:100%;

    background:#00c896;

    border-radius:20px;

}







/* DETAILS */


.audit-details{

    margin-top:30px;

    background:#161b22;

    padding:25px;

    border-radius:15px;

}






/* RECOMMENDATIONS */


.recommendations{

    margin-top:35px;

}



.recommendation-card{

    background:#1b222c;

    padding:20px;

    border-radius:14px;

    margin-top:15px;

    text-align:left;

}



.recommendation-card h4{

    color:#fff;

}



.recommendation-card p{

    color:#c8ced8;

    line-height:1.6;

}




.priority{

    display:inline-block;

    padding:5px 12px;

    border-radius:20px;

    font-size:12px;

    font-weight:bold;

}



.priority.high{

    background:#ff4757;

    color:#fff;

}



.priority.medium{

    background:#ffa502;

    color:#111;

}



.priority.critical{

    background:#ff0000;

    color:#fff;

}







/* MOBILE */

@media(max-width:700px){


.gtaia-card{

padding:25px;

}


.gtaia-card h1{

font-size:30px;

}



.score-grid{

grid-template-columns:1fr;

}



.audit-summary{

grid-template-columns:1fr;

}



}