body {
    background: #f5f5f5 !important;
    color: #111111;
}

.bg-\[\#0c0c3a\] {
    background-color: #111111 !important;
}

.text-\[\#0c0c3a\],
.text-purple-600,
.text-purple-400 {
    color: #111111 !important;
}

.border-purple-600\/20,
.focus\:border-purple-600\/20:focus {
    border-color: rgba(0, 0, 0, 0.2) !important;
}

.hover\:bg-purple-600:hover {
    background-color: #000000 !important;
}

.blur-\[100px\] {
    display: none !important;
}

html {
    font-size: clamp(13px, calc(12.4px + .16vw), 15px);
}

body > div.bg-white {
    width: min(100%, 1040px) !important;
    min-height: min(620px, calc(100dvh - 28px)) !important;
    height: auto !important;
    border-radius: clamp(18px, 2vw, 28px) !important;
}

body > div.bg-white > div {
    padding: clamp(20px, 3.2vw, 42px) !important;
}

body input {
    min-height: 44px;
}

@media (max-width: 767px) {
    body { padding: 0 !important; }
    body > div.bg-white {
        min-height: 100dvh !important;
        border-radius: 0 !important;
    }
    body > div.bg-white > div { padding: 20px !important; }
}