.db-page-banner{ display: block; }
    .db-page-banner img{ width: 100%; height: auto; display: block; }

    /* ============================================================
       Shared "DB form card" — matches the Contact form (.contact-one__inner)
       so all forms look like one product.
       ============================================================ */
    .contact-one__inner.db-form{
        text-align:left;
        padding:50px 50px 56px;
    }
    .contact-one__inner.db-form .db-form__title{
        font-size:34px; font-weight:800; color:#fff; margin:0 0 6px; line-height:1.2; text-align:center;
    }
    .contact-one__inner.db-form .db-form__lead{
        margin:0 auto 36px; max-width:640px; text-align:center;
        color:rgba(255,255,255,.78); font-size:15px; line-height:1.7;
    }
    .contact-one__inner.db-form .db-form__lead strong{ color:#ffd29a; }
    .contact-one__inner.db-form .db-form__footer{
        text-align:center; margin-top:24px; color:rgba(255,255,255,.6); font-size:13px;
    }
    .contact-one__inner.db-form .db-form__footer a{ color:#ffd29a; font-weight:700; }
    @media (max-width:767px){
        .contact-one__inner.db-form{ padding:32px 22px 36px; }
        .contact-one__inner.db-form .db-form__title{ font-size:26px; }
    }

    /* Stepper */
    .db-stepper{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:0; margin:0 auto 36px; max-width:560px; }
    .db-stepper .step{ display:flex; align-items:center; gap:10px; padding:8px 14px; border-radius:30px; color:rgba(255,255,255,.65); font-weight:600; font-size:13px; text-transform:uppercase; letter-spacing:.4px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.03); transition:all .25s ease; }
    .db-stepper .step .num{ width:30px; height:30px; border-radius:50%; background:rgba(255,255,255,.10); color:rgba(255,255,255,.8); display:inline-flex; align-items:center; justify-content:center; font-weight:800; }
    .db-stepper .step.is-active{ color:#fff; background:linear-gradient(90deg, #B20D5D 0%, #4A0AB4 100%); border-color:transparent; }
    .db-stepper .step.is-active .num{ background:rgba(255,255,255,.20); color:#fff; }
    .db-stepper .step.is-done .num{ background:#21bf73; color:#fff; }
    .db-stepper .sep{ flex:1 1 auto; height:2px; min-width:18px; max-width:80px; margin:0 6px; background:rgba(255,255,255,.10); }

    /* Fields */
    .db-step{ display:none; }
    .db-step.is-current{ display:block; animation:dbfade .25s ease-out; }
    @keyframes dbfade{ from{opacity:0;transform:translateY(6px);} to{opacity:1;transform:none;} }
    .db-grid{ display:grid; grid-template-columns:1fr 1fr; gap:18px 22px; }
    @media (max-width:767px){ .db-grid{ grid-template-columns:1fr; } }
    .db-grid .full{ grid-column:1 / -1; }
    .db-field label{ display:block; font-weight:600; color:#fff; margin-bottom:8px; font-size:14px; }
    .db-field label .req{ color:#ff6b8a; }
    .db-field input[type=text],
    .db-field input[type=email],
    .db-field input[type=tel],
    .db-field input[type=number],
    .db-field input[type=url],
    .db-field input[type=date],
    .db-field select{
        width:100%; height:54px;
        background:rgba(255,255,255,.04);
        color:#fff;
        border:1px solid rgba(255,255,255,.20);
        border-radius:30px;
        padding:0 22px; font-size:15px;
        outline:none; transition:all .25s ease;
    }
    .db-field input::placeholder{ color:rgba(255,255,255,.55); }
    .db-field input:focus,
    .db-field select:focus{
        border-color:#ffd29a;
        background:rgba(255,255,255,.06);
        box-shadow:0 0 0 3px rgba(255,210,154,.18);
    }
    .db-field select{
        appearance:none; -webkit-appearance:none; -moz-appearance:none;
        background-image:linear-gradient(45deg, transparent 50%, #ffd29a 50%), linear-gradient(135deg, #ffd29a 50%, transparent 50%);
        background-position:calc(100% - 22px) 22px, calc(100% - 14px) 22px;
        background-size:8px 8px, 8px 8px;
        background-repeat:no-repeat;
        padding-right:46px;
    }
    .db-field select option{ background:#1a1126; color:#fff; }
    .db-field .hint{ font-size:12px; color:rgba(255,255,255,.55); margin:6px 4px 0; }
    .db-field .hint .ok{ color:#3ae07c; font-weight:700; }
    .db-field input[readonly]{ background:rgba(255,255,255,.04); cursor:not-allowed; color:rgba(255,255,255,.7); }
    /* Date picker icon — color it light so it's visible on dark */
    .db-field input[type=date]::-webkit-calendar-picker-indicator{ filter:invert(0.85) sepia(0.4) saturate(3) hue-rotate(-20deg); cursor:pointer; }

    .db-otp-row{ display:flex; gap:10px; align-items:flex-end; }
    .db-otp-row .db-field{ flex:1; }
    .db-btn-ghost{ height:54px; padding:0 22px; border-radius:30px; border:1px solid #ffd29a; background:transparent; color:#ffd29a; font-weight:700; cursor:pointer; white-space:nowrap; font-size:14px; transition:all .25s ease; }
    .db-btn-ghost:hover{ background:#ffd29a; color:#1a1126; }
    .db-btn-secondary{ height:54px; padding:0 26px; border-radius:30px; background:rgba(255,255,255,.06); color:#fff; border:1px solid rgba(255,255,255,.18); font-weight:700; cursor:pointer; font-size:14px; }
    .db-btn-secondary:hover{ background:rgba(255,255,255,.10); }
    .db-actions{ display:flex; justify-content:space-between; align-items:center; gap:14px; margin-top:36px; flex-wrap:wrap; }
    .db-section-title{ margin:0 0 4px; font-size:22px; font-weight:800; color:#fff; }
    .db-section-sub{ margin:0 0 24px; color:rgba(255,255,255,.7); font-size:14px; line-height:1.6; }

    /* Nomination link rows */
    .nom-link-row{
        padding:14px 16px;
        border:1px solid rgba(255,255,255,.10);
        border-radius:14px;
        background:rgba(255,255,255,.03);
        margin-bottom:12px;
        display:grid;
        grid-template-columns:1fr auto auto;
        gap:10px;
        align-items:center;
    }
    @media (max-width:575px){ .nom-link-row{ grid-template-columns:1fr; } }
    .nom-link-row input[type=url]{ height:46px; padding:0 18px; }
    .nom-cat-tag{
        font-size:11px; font-weight:800; padding:6px 12px; border-radius:30px;
        background:rgba(255,210,154,.12); color:#ffd29a;
        text-transform:uppercase; letter-spacing:.5px;
        border:1px solid rgba(255,210,154,.25);
    }
    .nom-link-remove{
        background:transparent; border:1px solid rgba(255,107,138,.4); color:#ff6b8a;
        border-radius:50%; height:38px; width:38px;
        font-weight:800; cursor:pointer; font-size:18px; line-height:1;
        transition:all .25s ease;
    }
    .nom-link-remove:hover{ background:rgba(255,107,138,.12); }

    /* Consent box — the whole row is a <label> so tapping the text also
       toggles the checkbox, not just the 20x20px box itself. */
    .nom-consent{
        padding:18px 22px;
        border:1px solid rgba(255,210,154,.30);
        border-radius:14px;
        background:rgba(255,210,154,.05);
        display:flex; gap:14px; align-items:flex-start; margin-top:22px;
        cursor:pointer;
    }
    .nom-consent input[type=checkbox]{
        margin-top:4px; width:20px; height:20px;
        accent-color:#B20D5D; flex:0 0 auto; cursor:pointer;
    }
    .nom-consent p{
        margin:0; font-size:13px; line-height:1.7;
        color:rgba(255,255,255,.78);
    }
    .nom-consent p strong{ color:#fff; }

    /* ----- jQuery UI datepicker — dark theme to match the form card ----- */
    .js-db-datepicker{ cursor:pointer; background-image:none !important; padding-right:46px !important; }
    .db-field .ui-datepicker-trigger{ display:none; }
    .ui-datepicker.db-datepicker{
        background:#1a1126;
        border:1px solid rgba(255,210,154,.30);
        border-radius:14px;
        padding:14px;
        box-shadow:0 18px 50px rgba(0,0,0,.55);
        color:#fff;
        z-index:9999 !important;
    }
    .ui-datepicker.db-datepicker .ui-datepicker-header{
        background:transparent;
        border:0;
        color:#fff;
        padding:6px 4px 12px;
    }
    .ui-datepicker.db-datepicker .ui-datepicker-title{
        color:#fff;
        font-weight:700;
        font-size:14px;
    }
    .ui-datepicker.db-datepicker .ui-datepicker-prev,
    .ui-datepicker.db-datepicker .ui-datepicker-next{
        top:8px;
        cursor:pointer;
        border-radius:8px;
        height:28px;
        width:28px;
        background:rgba(255,255,255,.06);
        border:1px solid rgba(255,255,255,.10);
    }
    .ui-datepicker.db-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker.db-datepicker .ui-datepicker-next-hover{
        background:linear-gradient(90deg, #B20D5D 0%, #4A0AB4 100%);
        border-color:transparent;
        top:8px;
    }
    .ui-datepicker.db-datepicker .ui-datepicker-prev span,
    .ui-datepicker.db-datepicker .ui-datepicker-next span{
        background-image:none !important;
        text-indent:0;
        font:600 16px/26px sans-serif;
        color:#ffd29a;
        margin:0;
        left:0;
        top:0;
        width:100%;
        text-align:center;
    }
    .ui-datepicker.db-datepicker .ui-datepicker-prev span:before{ content:'‹'; }
    .ui-datepicker.db-datepicker .ui-datepicker-next span:before{ content:'›'; }
    .ui-datepicker.db-datepicker .ui-datepicker-prev span,
    .ui-datepicker.db-datepicker .ui-datepicker-next span{ visibility:hidden; }
    .ui-datepicker.db-datepicker .ui-datepicker-prev:before{
        content:'‹'; position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
        color:#ffd29a; font:700 18px/1 sans-serif;
    }
    .ui-datepicker.db-datepicker .ui-datepicker-next:before{
        content:'›'; position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
        color:#ffd29a; font:700 18px/1 sans-serif;
    }
    .ui-datepicker.db-datepicker table{ width:100%; margin:0; }
    .ui-datepicker.db-datepicker th{
        color:rgba(255,255,255,.55);
        font-weight:600;
        font-size:11px;
        text-transform:uppercase;
        padding:6px 0;
    }
    .ui-datepicker.db-datepicker td{ padding:2px; }
    .ui-datepicker.db-datepicker td a,
    .ui-datepicker.db-datepicker td span{
        display:block;
        text-align:center;
        padding:8px 0;
        background:rgba(255,255,255,.03);
        border:1px solid transparent;
        border-radius:8px;
        color:rgba(255,255,255,.85);
        font-size:13px;
        text-decoration:none;
    }
    .ui-datepicker.db-datepicker td a:hover{
        background:linear-gradient(135deg, rgba(178,13,93,.55) 0%, rgba(74,10,180,.55) 100%);
        border-color:rgba(255,210,154,.40);
        color:#fff;
    }
    .ui-datepicker.db-datepicker td .ui-state-active{
        background:linear-gradient(135deg, #B20D5D 0%, #4A0AB4 100%) !important;
        color:#fff !important;
        border-color:transparent !important;
        font-weight:700;
    }
    .ui-datepicker.db-datepicker td span.ui-state-disabled{
        opacity:.35;
    }
    /* Bigger tap targets + guaranteed on-screen width on small phones */
    @media (max-width:480px){
        .ui-datepicker.db-datepicker{ width:min(320px, calc(100vw - 32px)) !important; }
        .ui-datepicker.db-datepicker td a,
        .ui-datepicker.db-datepicker td span{ padding:12px 0; font-size:14px; }
    }

    /* ----- Validation error styling ----- */
    .db-field label.error,
    .db-field-error{
        display:block;
        color:#ff6b8a;
        font-size:12.5px;
        font-weight:600;
        margin:6px 4px 0;
        line-height:1.4;
        letter-spacing:.1px;
    }
    .db-field input.error,
    .db-field select.error,
    .db-field input.is-invalid,
    .db-field select.is-invalid{
        border-color:#ff6b8a !important;
        box-shadow:0 0 0 3px rgba(255,107,138,.18) !important;
        background:rgba(255,107,138,.06) !important;
    }
    .db-field input.valid,
    .db-field select.valid{
        border-color:rgba(58,224,124,.45);
    }
    .nom-consent label.error{
        display:block;
        flex-basis:100%;
        color:#ff6b8a;
        font-size:13px;
        font-weight:600;
        margin-top:6px;
    }

    /* OTP row — wrap button below input on very small screens */
    @media (max-width:480px){
        .db-otp-row{ flex-wrap:wrap; }
        .db-otp-row .db-btn-ghost{ width:100%; }
    }

    /* Stepper text — shrink on very small screens */
    @media (max-width:480px){
        .db-stepper .step{ font-size:11px; padding:6px 10px; }
        .db-stepper .step .num{ width:24px; height:24px; font-size:12px; }
        .db-stepper .sep{ min-width:10px; max-width:24px; }
    }

    /* Nomination link row — on mobile stack URL then tag+button side by side */
    @media (max-width:575px){
        .nom-link-row{
            grid-template-columns: 1fr auto;
            grid-template-rows: auto auto;
        }
        .nom-link-row input[type=url]{ grid-column: 1 / -1; }
        .nom-link-row .nom-cat-tag{ grid-column: 1; }
        .nom-link-row .nom-link-remove{ grid-column: 2; height:44px; width:44px; font-size:20px; }
    }

/* Extracted from inline style="" attributes */
.nom-flex-1{ flex:1; }
.nom-hidden{ display:none; }
.nom-hint-tight{ margin-top:0;margin-bottom:10px; }
.nom-accent{ color:#ffd29a; }