body{
        font-family: 'Trebuchet MS', geneva !important;
        margin: 0;
        min-height: 100vh;
        color: #eef1f8;
        background: radial-gradient(circle at 18% 8%, #1c3a8f 0%, transparent 42%),
                    radial-gradient(circle at 85% 92%, #0f2847 0%, transparent 48%),
                    #090d17;
        background-attachment: fixed;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px 16px;
    }

    .container.main{
        width: 100%;
        max-width: 460px;
        background: #101830;
        border: 1px solid #22304f;
        border-radius: 18px;
        padding: 32px 26px 24px;
        box-shadow: 0 20px 55px rgba(0,0,0,.45);
        margin: 0 auto;
    }

    .container.main h2{
        font-size: 22px;
        line-height: 1.35;
        margin: 0;
        color: #f4f6fb;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }

    .container.main h2 svg{
        color: #3b74f2;
        flex-shrink: 0;
    }

    .loading h3{
        font-size: 15px;
        font-weight: 400;
        color: #93a0bd;
        margin-top: 18px;
    }

    .vd{
        margin-top: 6px;
    }

    .note-text{
        background: rgba(255,255,255,.04) !important;
        border: 1px solid #22304f !important;
        color: #a7b0c6 !important;
        border-radius: 12px !important;
        font-size: 13px !important;
        line-height: 1.6;
        padding: 14px 16px !important;
        display: block !important;
        max-width: 440px;
        margin: 0 auto;
    }

    .note-text b{
        color: #eef1f8;
    }

    hr{
        border: none;
        border-top: 1px solid #22304f;
        max-width: 440px;
        margin: 20px auto;
    }
.note-text {
    color: #000!important;
    padding: .75rem 1.25rem;
    background-color: #f8f9fc;
    border-bottom: 1px solid #e3e6f0;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border: 1px solid #e3e6f0;
    border-radius: .35rem;
    font-size: medium;
}
a {
letter-spacing:.5px!important;
color:#fff!important;
text-decoration:none;
background-color:transparent;
font-size: 18px;
}

.btn-group > .btn:not(:first-child),.ui-datepicker-buttonpane .btn-group > button:not(:first-child),.sp-container .btn-group > button:not(:first-child),.btn-group > .btn-group:not(:first-child) > .btn,.ui-datepicker-buttonpane .btn-group > .btn-group:not(:first-child) > button,.sp-container .btn-group > .btn-group:not(:first-child) > button {
border-top-left-radius:0;
border-bottom-left-radius:0;
}

.btn-group > .btn:not(:first-child),.ui-datepicker-buttonpane .btn-group > button:not(:first-child),.sp-container .btn-group > button:not(:first-child),.btn-group > .btn-group:not(:first-child) {
margin-left:-1px;
}

.btn-group > .btn,.ui-datepicker-buttonpane .btn-group > button,.sp-container .btn-group > button,.btn-group-vertical > .btn,.ui-datepicker-buttonpane .btn-group-vertical > button,.sp-container .btn-group-vertical > button {
position:relative;
flex:1 1 auto;
}

button:not(:disabled),[type='button']:not(:disabled),[type='reset']:not(:disabled),[type='submit']:not(:disabled) {
cursor:pointer;
}

.btn-brand-02 {
background: linear-gradient(135deg, #3b74f2, #2451c9);
color:#fff;
border-color: transparent;
box-shadow: 0 10px 24px rgba(59,116,242,.35);
transition: filter .15s ease, transform .15s ease, box-shadow .15s ease;
}

.btn-brand-02:hover {
filter: brightness(1.08);
transform: translateY(-1px);
box-shadow: 0 14px 28px rgba(59,116,242,.45);
}

.btn-brand-02:active {
transform: translateY(0) scale(.98);
}

.btn,.ui-datepicker-buttonpane button,.sp-container button {
display:inline-block;
font-weight:400;
text-align:center;
vertical-align:middle;
user-select:none;
border:1px solid transparent;
font-size:.875rem;
line-height:1.5;
border-radius:.25rem;
transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
color:#fff!important;
padding:.46875rem .9375rem;
}

button,[type='button'],[type='reset'],[type='submit'] {
-webkit-appearance:button;
}

button,select {
text-transform:none;
}

button,input {
overflow:visible;
}

:root {
--blue:#0168fa;
--indigo:#5b47fb;
--purple:#6f42c1;
--pink:#f10075;
--red:#dc3545;
--orange:#fd7e14;
--yellow:#ffc107;
--green:#10b759;
--teal:#0cc;
--cyan:#00b8d4;
--white:#fff;
--gray:#7987a1;
--gray-dark:#3b4863;
--primary:#0168fa;
--secondary:#7987a1;
--success:#10b759;
--info:#00b8d4;
--warning:#ffc107;
--danger:#dc3545;
--light:#f4f5f8;
--dark:#3b4863;
--breakpoint-xs:0;
--breakpoint-sm:576px;
--breakpoint-md:768px;
--breakpoint-lg:992px;
--breakpoint-xl:1200px;
--font-family-sans-serif:0;
--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;
}
.btn svg, .ui-datepicker-buttonpane button svg, .sp-container button svg {
    width: 24px;
    height: 24px;
    stroke-width: 2.5px;
    margin-top: -2px;
}
/* Responsive tweaks */
@media (max-width: 420px){
    .container.main{
        padding: 26px 18px 20px;
        border-radius: 14px;
    }
    .container.main h2{
        font-size: 18px;
    }
    .loading svg{
        width: 150px !important;
        height: 150px !important;
    }
    .btn-brand-02{
        font-size: 16px !important;
        width: 100%;
    }
    .note-text{
        font-size: 12.5px !important;
    }
}