body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #e0e0e0; padding: 40px 10px; }
.logo-container { text-align: center; padding: 20px; background: #fff; }
.logo-container img { max-width: 200px; height: auto; }
.container { max-width: 850px; margin: auto; background: #fff; border-radius: 15px; box-shadow: 10px 10px 0px #ddd; }
.header-banner {
    background: #f39c12; color: #000; text-align: center;
    padding: 15px; font-weight: bold; font-size: 28px;
    border-bottom: 2px solid #000; text-decoration: underline;
}
.form-row {
    display: flex; border-bottom: 1px solid #000; align-items: center; min-height: 40px;
}
.form-row label {
    width: 200px; padding: 5px 10px; font-weight: bold; font-size: 13px; border-right: 1px solid #000;
}
.form-row input[type="text"], .form-row input[type="email"], .form-row input[type="date"] {
    flex: 1; border: none; padding: 10px; outline: none;
}
.options { padding-left: 10px; font-size: 12px; }
/* Table Section Styling */
.kyc-table { width: 100%; border-collapse: collapse; }
.kyc-table td { border: 1px solid #000; padding: 8px; font-size: 13px; font-weight: bold; vertical-align: top; }
.kyc-table textarea { width: 100%; height: 50px; border: 1px solid #ccc; font-family: inherit; }
.kyc-table input[type="text"], .kyc-table input[type="date"] { width: 95%; border: 1px solid #ddd; padding: 5px; }
#button {
    width: 100%; padding: 20px; background: #222; color: #fff;
    border: none; font-weight: bold; cursor: pointer; font-size: 16px;
}
#button:hover { background: #f39c12; color: #000; }