body{
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
    background:white;
}

.main{
    display:flex;
    min-height:100vh;
    background:#f4f6f9;
}

/* FORM */

.form-section{
    width:35%;
    padding:25px;
    background:#ffffff;
    border-right:2px solid #e0e0e0;
}

input, textarea, select{
    width:100%;
    margin-bottom:12px;
    padding:10px;
    border:1px solid #ccc;
    border-radius:4px;
}

textarea{
    height:80px;
}

button{
    width:100%;
    padding:12px;
    background:#007bff;
    color:white;
    border:none;
    cursor:pointer;
}

.checkbox-line{
    display:flex;
    align-items:center;
    gap:8px;
}

/* RESUME */



.resume-content{
    padding:40px;
}

.header{
    display:flex;
    align-items:center;
    gap:20px;
}

.header img{
    width:120px;
    height:120px;
    border-radius:50%;
    object-fit:cover;
}

.contact-line{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.section{
    margin-bottom:20px;
}

ul{
    padding-left:20px;
}

/* TEMPLATES */

.preview-section.classic{
    background:white;
}

.preview-section.modern{
    background:#f0f4f8;
}

.preview-section.minimal{
    background:white;
    border-left:6px solid #007bff;
}

.preview-section.dark{
    background:#1e293b;
    color:white;
}

.preview-section.dark h3{
    border-bottom:1px solid #ccc;
}

/* FOOTER */

.custom-footer{
    display:none;
}


/* ===== TEMPLATES ===== */

.preview-section.classic{
    background:white;
}

.preview-section.modern{
    background:#f0f4f8;
}

.preview-section.minimal{
    background:white;
    border-left:8px solid #007bff;
}

.preview-section.dark{
    background:#1e293b;
    color:white;
}

.preview-section.sidebar{
    display:flex;
}

.preview-section.sidebar .resume-content{
    display:flex;
}

.preview-section.sidebar .header{
    background:#1e40af;
    color:white;
    padding:20px;
}

.preview-section.executive{
    background:white;
    border-top:8px solid #111827;
}

.preview-section.executive h1{
    font-size:28px;
    letter-spacing:2px;
    text-transform:uppercase;
}
/* PRINT */

@page{
    size:A4;
    margin:20mm 15mm 20mm 15mm;
}

@media print{

    html, body{
        background:white !important;
    }

    .main{
        display:block !important;
        background:white !important;
    }

    .form-section{
        display:none !important;
    }

    .preview-section{
        width:100% !important;
        background:white !important;
    }

    .resume-content{
        padding:0 !important;
    }

    .custom-footer{
        display:block;
        position:fixed;
        bottom:5mm;
        left:15mm;
        font-size:10px;
        color:#555;
    }

}

/* ===== REMOVE DEFAULT BACKGROUND FROM BASE ===== */

.preview-section{
    width:65%;
}

/* ===== TEMPLATES ===== */

.preview-section.classic{
    background:white !important;
    color:black;
}

.preview-section.modern{
    background:#f0f4f8 !important;
    color:black;
}

.preview-section.minimal{
    background:white !important;
    border-left:8px solid #007bff;
    color:black;
}

.preview-section.dark{
    background:#1e293b !important;
    color:white !important;
}

.preview-section.dark h3{
    border-bottom:1px solid #ccc;
}

.preview-section.sidebar{
    background:#ffffff !important;
    display:flex;
}

.preview-section.sidebar .resume-content{
    width:100%;
}

.preview-section.sidebar .header{
    background:#1e40af;
    color:white;
    padding:20px;
}

.preview-section.executive{
    background:white !important;
    border-top:8px solid #111827;
}

.preview-section.executive h1{
    font-size:28px;
    letter-spacing:2px;
    text-transform:uppercase;
}

.checkbox-line{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    margin-bottom:10px;
}

.checkbox-line input{
    width:16px;
    height:16px;
    cursor:pointer;
}

.preview-section.bluepro .resume-wrapper{
    display:flex;
}

.preview-section.bluepro .resume-left{
    width:30%;
    background:#0ea5e9;
    color:white;
    padding:30px;
}

.preview-section.bluepro .resume-right{
    width:70%;
    padding:40px;
}

.preview-section.bluepro h3{
    color:#0ea5e9;
}

.preview-section.creative{
    background:linear-gradient(to right,#fdf2f8,#e0f2fe);
}

.preview-section.creative .resume-wrapper{
    display:block;
}

.preview-section.creative .resume-left,
.preview-section.creative .resume-right{
    padding:35px;
}

.preview-section.creative h1{
    color:#db2777;
}

.preview-section.creative{
    background:linear-gradient(to right,#fdf2f8,#e0f2fe);
}

.preview-section.creative .resume-wrapper{
    display:block;
}

.preview-section.creative .resume-left,
.preview-section.creative .resume-right{
    padding:35px;
}

.preview-section.creative h1{
    color:#db2777;
}