body {
    background: #121212;
    color: white;
}

textarea,
input,
select {
    background: #1e1e1e !important;
    color: white !important;
    border: 1px solid #444 !important;
}

.card {
    background: #1e1e1e;
    border: 1px solid #333;
}

.btn {
    width: 100%;
}


/* ===========================
   ADITYA is here Hero Header
=========================== */

.hero-header{
    text-align:center;
    padding:30px 20px;
    margin-bottom:30px;

    background:#18181b;

    border:1px solid #2f2f2f;

    border-radius:18px;

    box-shadow:0 0 18px rgba(0,0,0,.35);
}

.hero-logo{

    width:220px;

    max-width:90%;

    margin-bottom:18px;
}

.hero-header h1{

    color:#ffffff;

    font-size:2rem;

    font-weight:700;

    margin-bottom:12px;
}

.hero-header p{

    color:#bcbcbc;

    font-size:1rem;

    max-width:650px;

    margin:auto;

    line-height:1.6;
}


/* ===========================
   Proposal Form Card
=========================== */

.form-card{

    background:#18181b;

    border:1px solid #2f2f2f;

    border-radius:18px;

    padding:25px;

    margin-bottom:30px;

    box-shadow:0 0 15px rgba(0,0,0,.25);

}

.section-title{

    color:#ffffff;

    font-size:1.4rem;

    font-weight:600;

    margin-bottom:25px;

}

.form-control,
.form-select{

    padding:14px;

    border-radius:10px;

}

textarea{

    min-height:260px;

}



/* ===========================
   Theme Toggle
=========================== */

.top-bar{
    display:flex;
    justify-content:flex-end;
    margin-bottom:15px;
}

.theme-btn{

    background:#1f1f1f;
    color:white;

    border:1px solid #333;

    padding:8px 18px;

    border-radius:10px;

    cursor:pointer;

    transition:.3s;

}

.theme-btn:hover{

    background:#2b2b2b;

}


/* ===========================
   Light Theme
=========================== */


body.light-mode{

    background:#f4f6f9;
    color:#222;

}

/* Hero */

body.light-mode .hero-header{

    background:#ffffff;
    border:1px solid #dddddd;
    box-shadow:0 8px 25px rgba(0,0,0,.08);

}

body.light-mode .hero-header h1{

    color:#111;

}

body.light-mode .hero-header p{

    color:#555;

}

/* Form */

body.light-mode .form-card{

    background:#ffffff;
    border:1px solid #dddddd;
    box-shadow:0 8px 25px rgba(0,0,0,.08);

}

body.light-mode .section-title{

    color:#111;

}

body.light-mode label{

    color:#333;

}

/* Generated Proposal Card */

body.light-mode .card{

    background:#ffffff;
    border:1px solid #dddddd;
    color:#222;

}

/* Inputs */

body.light-mode input,
body.light-mode textarea,
body.light-mode select{

    background:#ffffff !important;
    color:#222 !important;
    border:1px solid #cccccc !important;

}

/* Placeholder */

body.light-mode input::placeholder,
body.light-mode textarea::placeholder{

    color:#777;

}

/* Toggle */

body.light-mode .theme-btn{

    background:#ffffff;
    color:#222;
    border:1px solid #cccccc;

}