body{
    background:red ;
}
body.aab-landing-page {

    margin: 0;
    padding: 0;

    background:
radial-gradient(
circle at top,
#172554,
#0f172a 40%,
#020617 100%
);

    color: #ffffff;

    font-family: Arial, sans-serif;
}

.aab-app {

    background: #0f172a;

    color: #ffffff;

    min-height: 100vh;

    padding: 40px;
}

.aab-container {

    max-width: 1100px;

    margin: 0 auto;

    padding: 60px 20px;
}

.aab-hero {

    text-align: center;
}

.aab-hero h1{

    color:#ffffff;

    font-size:72px;

    font-weight:800;

    letter-spacing:-2px;

    text-shadow:
        0 0 30px rgba(99,102,241,.5);

}

.aab-pricing {
    margin-top: 30px;
    margin-bottom: 40px;
}

.aab-badge {
    display:inline-block;
    background:#22c55e;
    padding:10px 18px;
    border-radius:30px;
    font-weight:700;
}

.aab-regular-price {
    text-decoration: line-through;
    opacity: 0.7;
    font-size: 24px;
}

.aab-sale-price {
    font-size: 54px;
    font-weight: bold;
    color: #facc15;
}
.aab-form-wrapper {

    max-width: 700px;

    margin: 50px auto;

    text-align: left;
}

.aab-field {

    margin-bottom: 25px;
}

.aab-field label {

    display: block;

    margin-bottom: 8px;

    font-weight: bold;
}

.aab-field input,
.aab-field textarea {

    width: 100%;

    padding: 14px;

    border-radius: 8px;

    background: #111827;

    color: #ffffff;

    border: 1px solid #334155;

    box-sizing: border-box;

    font-size: 16px;
}

.aab-field input:focus,
.aab-field textarea:focus {

    outline: none;

    border-color: #22c55e;

    box-shadow: 0 0 0 3px rgba(34,197,94,.2);
}

.aab-field textarea {

    min-height: 160px;
}

.aab-form-wrapper button {

    width: 100%;
    max-width: 400px;

    display: block;

    margin: 30px auto;

    padding: 20px;

    border: none;

    border-radius: 10px;

    background: #22c55e;

    color: #ffffff;

    cursor: pointer;

    font-size: 22px;

    font-weight: 700;

    transition: all .2s ease;
}

.aab-form-wrapper button:hover {

    transform: translateY(-2px);

    background: #16a34a;
}

.aab-report{

    margin-top:60px;

    background:linear-gradient(
        180deg,
        rgba(17,24,39,.95),
        rgba(15,23,42,.95)
    );

    border:1px solid #334155;

    border-radius:24px;

    padding:40px;

    box-shadow:
        0 0 40px rgba(99,102,241,.15);

}

.aab-report h2 {

    margin-top: 0;
}

.aab-report-item {

    margin-bottom: 20px;
}

.aab-app input,
.aab-app textarea {

    background: red !important;

    color: yellow !important;

    border: 5px solid lime !important;
}

body.aab-landing-page .aab-field input,
body.aab-landing-page .aab-field textarea {

    background: #111827 !important;

    color: #ffffff !important;

    border: 1px solid #334155 !important;
}

.aab-app h1,
.aab-app h2,
.aab-app h3,
.aab-app p,
.aab-app label,
.aab-app strong {

    color: #ffffff !important;
}
.aab-pricing {

    display: inline-block;

    padding: 25px 40px;

    background: rgba(255,255,255,.03);

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 20px;

    backdrop-filter: blur(10px);
}
.aab-form-wrapper {

    max-width: 650px;

    margin: 60px auto;
}


.aab-report-header {

    text-align: center;

    margin-bottom: 40px;
}

.aab-report-header h2 {

    font-size: 36px;

    margin-bottom: 10px;
}

.aab-report-header p {

    color: #94a3b8;
}

.aab-section {

    margin-bottom: 35px;
}

.aab-section h3 {

    color: #22c55e;

    margin-bottom: 15px;
}

.aab-section ul {

    padding-left: 20px;
}

.aab-section li {

    margin-bottom: 10px;
}

.aab-report h2,
.aab-report h3{
    color:#ffffff !important;
}

.aab-report p,
.aab-report li{
    color:#cbd5e1 !important;
}

.aab-subtitle{

    color:#94a3b8;

    font-size:22px;

    max-width:700px;

    margin:20px auto 40px;

    line-height:1.7;

}
.aab-form-wrapper{

    background:rgba(255,255,255,.02);

    border:1px solid rgba(255,255,255,.06);

    border-radius:24px;

    padding:40px;

    backdrop-filter:blur(12px);

    box-shadow:
        0 0 40px rgba(99,102,241,.12);
}


.aab-section{

    background:rgba(255,255,255,.03);

    border:1px solid rgba(255,255,255,.05);

    border-radius:16px;

    padding:24px;

    margin-bottom:20px;
}

.aab-score-card{

    text-align:center;

    margin-bottom:40px;
}

.aab-score-number{

    font-size:90px;

    font-weight:900;

    color:#22c55e;

    text-shadow:
        0 0 25px rgba(34,197,94,.45);
}

.aab-score-label{

    color:#94a3b8;

    letter-spacing:1px;

    text-transform:uppercase;
}

.aab-metrics{

    margin-bottom:40px;
}

.aab-metric{

    margin-bottom:25px;
}

.aab-metric span{

    display:block;

    margin-bottom:8px;

    color:#fff;
}

.aab-bar{

    height:14px;

    background:#1e293b;

    border-radius:999px;

    overflow:hidden;
}

.aab-fill{

    height:100%;

    background:
    linear-gradient(
        90deg,
        #22c55e,
        #3b82f6
    );

    border-radius:999px;
}

.aab-metric strong{

    display:block;

    margin-top:6px;

    color:#cbd5e1;
}