body {
            background-color: #f8fafc;
        }

        .login-sash {
            position: fixed;
            inset: 0;
            z-index: 0;
            overflow: hidden;
            pointer-events: none;
        }

        .login-sash::before,
        .login-sash::after {
            content: "";
            position: absolute;
            left: -8%;
            right: -8%;
            bottom: 0;
            background-repeat: no-repeat;
            background-position: bottom center;
            background-size: 100% 100%;
        }

        .login-sash::before {
            height: 158px;
            background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200' preserveAspectRatio='none'><path d='M0,72 C240,140 480,14 720,74 C960,132 1200,18 1440,82 L1440,200 L0,200 Z' fill='%23214395' fill-opacity='0.13'/></svg>");
            animation: loginSash 24s ease-in-out infinite;
        }

        .login-sash::after {
            height: 116px;
            background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200' preserveAspectRatio='none'><path d='M0,92 C240,28 480,150 720,92 C960,30 1200,150 1440,88 L1440,200 L0,200 Z' fill='%23fddd04' fill-opacity='0.22'/></svg>");
            animation: loginSash 30s ease-in-out infinite reverse;
        }

        @keyframes loginSash {
            0%, 100% { transform: translateX(-3%); }
            50% { transform: translateX(3%); }
        }

        @media (prefers-reduced-motion: reduce) {
            .login-sash::before, .login-sash::after { animation: none; }
        }

        .btn-ut {
            background: linear-gradient(135deg, #214395 0%, #1a367a 100%);
            transition: all 0.3s ease;
        }

        .btn-ut:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px -5px rgba(33, 67, 149, 0.4);
        }

        .tilt-card {
            transition: box-shadow 0.35s ease;
        }

        @media (hover: hover) and (pointer: fine) {
            .tilt-card:hover {
                box-shadow: 0 30px 60px -20px rgba(33, 67, 149, 0.35);
            }
        }

        #authCard input,
        #authCard button {
            transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
        }

.swal2-confirm{background-color:#214395 !important}
.swal2-confirm:focus{box-shadow:0 0 0 3px rgba(33,67,149,.4) !important}
.swal2-popup{border-radius:1rem !important;font-family:"Plus Jakarta Sans",sans-serif !important}

@view-transition {
    navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
    animation-duration: 0.34s;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes mlxPageIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@supports not (view-transition-name: none) {
    body {
        animation: mlxPageIn 0.3s ease both;
    }
}

@media (prefers-reduced-motion: reduce) {
    body { animation: none; }
    ::view-transition-old(root),
    ::view-transition-new(root) { animation: none; }
}

html {
    scrollbar-gutter: stable;
}