body {
            font-family: 'Manrope', sans-serif;
            color-scheme: dark;
            overflow-x: hidden;
        }

        .auth-panel {
            background: #11110e;
            border: 1px solid #2c2c24;
            box-shadow: 0 28px 80px rgba(0, 0, 0, 0.42);
        }

        [data-home-link] {
            min-width: max-content;
        }

        header>a:not([data-home-link]):not(.hidden) {
            min-height: 44px;
            display: inline-flex;
            align-items: center;
        }

        .field {
            background: #ffffff !important;
            border: 1px solid #34342a;
            color: #0a0a08 !important;
            caret-color: #0a0a08;
        }

        .field::placeholder {
            color: #64748b;
        }

        .field:-webkit-autofill,
        .field:-webkit-autofill:hover,
        .field:-webkit-autofill:focus {
            -webkit-text-fill-color: #0a0a08;
            box-shadow: 0 0 0 1000px #ffffff inset;
        }

        .field:focus {
            border-color: #f2cc0d;
            box-shadow: 0 0 0 1px #f2cc0d;
        }

        @media (max-width: 767px) {
            header {
                align-items: flex-start !important;
                flex-wrap: wrap;
                gap: 1rem;
                padding: 1rem !important;
            }

            h1 {
                font-size: clamp(2.5rem, 12vw, 3.5rem) !important;
                line-height: 0.95 !important;
            }

            .auth-panel {
                border-radius: 1rem !important;
            }
        }