/* Dark mode for success page */
.dark .success-container {
    background: #23160a !important;
    color: #ffd6a0 !important;
    box-shadow: 0 4px 24px rgba(255,184,140,0.10), 0 1.5px 8px rgba(255,148,114,0.08) !important;
}
.dark .success-container h1 {
    background: linear-gradient(90deg, #ffd6a0, #ff7e5f, #fffbe6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.dark .success-container p {
    color: #ffd6a0 !important;
}
.dark .success-container .back-link {
    background: linear-gradient(90deg, #ff7e5f, #b86b3c);
    color: #fffbe6;
}
.dark .success-container .back-link:hover {
    background: linear-gradient(90deg, #ffd6a0, #b86b3c);
    color: #23160a;
}
input, textarea, select {
    color: #2a170a !important;
}
input::placeholder, textarea::placeholder {
    color: #a85d3c !important;
    opacity: 1;
}
/* Dark mode form fields */
.dark input, .dark textarea, .dark select {
    color: #fffbe6 !important;
    background-color: #23160a !important;
    border-color: #b86b3c !important;
}
.dark input::placeholder, .dark textarea::placeholder {
    color: #ffd6a0 !important;
    opacity: 1;
}
/* Additional and more turbulent floating shapes */
.floating-shape.shape4 {
    width: 100px; height: 100px;
    background: linear-gradient(135deg, #ff9472 60%, #ffd6a0 100%);
    top: 70%; left: 8%;
    animation-delay: 1.5s;
    animation-duration: 10s;
}
.floating-shape.shape5 {
    width: 50px; height: 50px;
    background: linear-gradient(135deg, #b86b3c 60%, #ffe5d0 100%);
    bottom: 25%; right: 18%;
    animation-delay: 2.5s;
    animation-duration: 8s;
}
.floating-shape.shape6 {
    width: 70px; height: 70px;
    background: linear-gradient(135deg, #ffb88c 60%, #b86b3c 100%);
    top: 20%; right: 20%;
    animation-delay: 4s;
    animation-duration: 14s;
}
.floating-shape.shape7 {
    width: 40px; height: 40px;
    background: linear-gradient(135deg, #ffd6a0 60%, #ff9472 100%);
    bottom: 15%; left: 15%;
    animation-delay: 5.5s;
    animation-duration: 7s;
}
.floating-shape.shape8 {
    width: 90px; height: 90px;
    background: linear-gradient(135deg, #ffe5d0 60%, #ffb88c 100%);
    top: 60%; right: 10%;
    animation-delay: 7s;
    animation-duration: 13s;
}
@keyframes float {
    0%, 100% { transform: translateY(0) scale(1) rotate(0deg); }
    20% { transform: translateY(-30px) scale(1.05) rotate(-6deg); }
    40% { transform: translateY(20px) scale(0.97) rotate(8deg); }
    60% { transform: translateY(-40px) scale(1.08) rotate(-12deg); }
    80% { transform: translateY(10px) scale(1.02) rotate(4deg); }
}
/* Floating decorative shapes */
.floating-shape {
    position: fixed;
    border-radius: 50%;
    opacity: 0.25;
    pointer-events: none;
    z-index: 0;
    animation: float 12s ease-in-out infinite;
}
.floating-shape.shape1 {
    width: 120px; height: 120px;
    background: linear-gradient(135deg, #ffb88c 60%, #ffd6a0 100%);
    top: 5%; left: 2%;
    animation-delay: 0s;
}
.floating-shape.shape2 {
    width: 80px; height: 80px;
    background: linear-gradient(135deg, #b86b3c 60%, #ff9472 100%);
    bottom: 10%; right: 8%;
    animation-delay: 3s;
}
.floating-shape.shape3 {
    width: 60px; height: 60px;
    background: linear-gradient(135deg, #ffe5d0 60%, #ffb88c 100%);
    top: 40%; right: 4%;
    animation-delay: 6s;
}
@keyframes float {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-40px) scale(1.08); }
}
/* Dark mode for card-bg (rates section) */
.dark .card-bg {
    background: #2d2320 !important;
    color: #ffe5d0 !important;
}
.dark .card-bg h3,
.dark .card-bg h4,
.dark .card-bg p {
    color: #ffe5d0 !important;
}
/* Improve dark mode card and hero readability */
.dark .hero,
.dark [class*='bg-'][class*='f7f0'],
.dark .gradient-bg-left,
.dark .gradient-bg-right {
    background-image: none !important;
    background-color: #2d2320 !important;
}
.dark .hero h2,
.dark .hero p,
.dark [class*='bg-'][class*='f7f0'] h4,
.dark [class*='bg-'][class*='f7f0'] p,
.dark .text-gray-800,
.dark .text-gray-700 {
    color: #ffe5d0 !important;
}
/* Improve dark mode card and hero readability */
.dark .hero,
.dark .bg-[#fff7f0],
.dark .gradient-bg-left,
.dark .gradient-bg-right {
    background-image: none !important;
    background-color: #2d2320 !important;
}
.dark .hero h2,
.dark .hero p,
.dark .bg-[#fff7f0] h4,
.dark .bg-[#fff7f0] p,
.dark .text-gray-800,
.dark .text-gray-700 {
    color: #ffe5d0 !important;
}
.dark .shadow-md, .dark .shadow-lg {
    box-shadow: 0 4px 24px rgba(40,20,10,0.25), 0 1.5px 8px rgba(40,20,10,0.15) !important;
}
/* Dark mode styles */
.dark body {
    background: linear-gradient(135deg, #2d2320 0%, #3d2c1e 100%);
    color: #ffe5d0;
}
.dark .bg-white {
    background-color: #3d2c1e !important;
}
.dark .text-gray-800, .dark .text-gray-700, .dark .text-gray-600 {
    color: #ffe5d0 !important;
}
.dark .gradient-bg-left, .dark .gradient-bg-right {
    background-image: linear-gradient(to left, #3d2c1e, #4e2e1e, #b86b3c);
}
.dark .shadow-md, .dark .shadow-lg {
    box-shadow: 0 4px 24px rgba(40,20,10,0.25), 0 1.5px 8px rgba(40,20,10,0.15) !important;
}
.dark .border-t, .dark .border {
    border-color: #b86b3c !important;
}
.dark .gradient-text {
    background-image: linear-gradient(to left, #ffe5d0, #b86b3c, #a85d3c);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}
.dark a, .dark a:visited {
    color: #ffd6a0;
}
.dark a:hover {
    color: #ffb88c;
}
/* Add margin to hero section for spacing from header */
.hero {
    margin-top: 3rem !important;
}
/* emberwarmth custom styles */
body {
    font-family: 'Inter', Arial, sans-serif;
    background: linear-gradient(135deg, #fff3e6 0%, #ffd6a0 100%);
    min-height: 100vh;
    margin: 0;
    color: #3d2c1e;
}
.success-container {
    max-width: 500px;
    margin: 80px auto;
    background: rgba(255,255,255,0.95);
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(255,184,140,0.15), 0 1.5px 8px rgba(255,148,114,0.10);
    padding: 40px 32px 32px 32px;
    text-align: center;
    position: relative;
}
.success-container h1 {
    font-size: 2.5rem;
    font-weight: 800;
    background: linear-gradient(90deg, #ffb88c, #ff9472, #ffd6a0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 12px;
}
.success-container p {
    color: #a85d3c;
    font-size: 1.15em;
    margin-bottom: 18px;
}
.success-container .back-link {
    display: inline-block;
    margin-top: 24px;
    color: #fff;
    background: linear-gradient(90deg, #b86b3c, #ffb88c);
    text-decoration: none;
    border: none;
    padding: 12px 32px;
    border-radius: 24px;
    font-weight: bold;
    font-size: 1.1em;
    box-shadow: 0 2px 8px rgba(255,148,114,0.10);
    transition: background 0.2s, color 0.2s;
}
.success-container .back-link:hover {
    background: linear-gradient(90deg, #a85d3c, #ffd6a0);
    color: #fff;
}