@font-face {
	font-family: 'Inter';
	src: url('/fonts/Inter-Regular.ttf') format('truetype');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/fonts/Inter-Medium.ttf') format('truetype');
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/fonts/Inter-Bold.ttf') format('truetype');
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}

#feya-login {
    --feya-login-bg: #F5F5F7;     --feya-login-surface: #ECECF0;     --feya-login-card: #ffffff;     --feya-login-line: #e2e2e2;     --feya-login-line-strong: #a8a8a8;     --feya-login-card-shadow: 0 24px 60px rgba(26, 26, 26, 0.10);     --feya-login-text: #1A1A1A;     --feya-login-muted: #6B6B6B;     --feya-login-placeholder: #A8A8A8;     --feya-login-accent: #0070FF;     --feya-login-accent-soft: rgba(0, 112, 255, 0.12); 
    margin: 0;     padding: 0;     min-height: 100vh;     display: flex;     justify-content: center;     align-items: center;     background-color: var(--feya-login-bg);     background-image: none;     color: var(--feya-login-text);     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;     font-weight: 400;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale;     -webkit-text-size-adjust: 100%;     box-sizing: border-box;     color-scheme: light; }

html[data-theme="dark"] #feya-login {
    --feya-login-bg: #121212;     --feya-login-surface: #222222;     --feya-login-card: #1E1E1E;     --feya-login-line: #222222;     --feya-login-line-strong: #414141;     --feya-login-card-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);     --feya-login-text: #ffffff;     --feya-login-muted: #A8A8A8;     --feya-login-placeholder: #8A8A8A;     color-scheme: dark; }

#feya-login .feya-login-wrapper {
    width: 100%;     max-width: 360px;     padding: 30px 28px;     text-align: center;     box-sizing: border-box; }

#feya-login .feya-login-header {
    margin-bottom: 50px;     display: flex;     flex-direction: column;     align-items: center;     background: none; }

#feya-login .feya-login-logo {
    margin-bottom: 18px; }

#feya-login .feya-login-logo img {
    display: block;     width: 220px;     height: auto; }

#feya-login .feya-login-welcome {
    color: var(--feya-login-accent);     font-size: 15px;     font-weight: 500;     margin: 0 0 4px;     letter-spacing: 0.3px; }

#feya-login .feya-login-brand {
    font-size: 46px;     font-weight: 700;     color: var(--feya-login-accent);     letter-spacing: 9.98px;     margin: 0 -9.98px 0 0;     line-height: 1; }

#feya-login .feya-login-form {
    display: flex;     flex-direction: column;     gap: 0;     margin: 0; }

#feya-login .feya-login-field {
    margin-bottom: 14px; }

#feya-login .feya-login-field input {
    display: block;     width: 100%;     padding: 12px 16px;     border: 1px solid var(--feya-login-line-strong);     border-radius: 8px;     font-size: 12px;     font-family: inherit;     background-color: var(--feya-login-surface);     box-sizing: border-box;     outline: none;     color: var(--feya-login-text);     transition: border-color 0.25s;     -webkit-appearance: none;     appearance: none; }

#feya-login .feya-login-field input::placeholder {
    color: var(--feya-login-placeholder);     opacity: 1; }

#feya-login .feya-login-field input:focus {
    border-color: var(--feya-login-accent); }

#feya-login .feya-login-error {
    display: none;     margin: 0 0 14px;     padding: 10px 12px;     border: 1px solid var(--feya-login-line-strong);     border-radius: 8px;     background: var(--feya-login-surface);     color: var(--feya-login-accent);     font-size: 12px;     font-weight: 500;     line-height: 1.45;     text-align: left; }

#feya-login .feya-login-error.is-visible {
    display: block; }

#feya-login .feya-login-btn {
    display: flex;     align-items: center;     justify-content: center;     width: 100%;     padding: 12px;     font-size: 13px;     font-weight: 500;     font-family: inherit;     line-height: 1.2;     border-radius: 8px;     cursor: pointer;     transition: all 0.2s;     border: none;     box-sizing: border-box;     text-align: center;     text-decoration: none;     -webkit-tap-highlight-color: transparent; }

#feya-login .feya-login-btn--main {
    background: var(--feya-login-accent);     color: #fff;     margin-top: 20px;     margin-bottom: 12px; }

#feya-login .feya-login-btn--main:hover {
    transform: translateY(-1px); }

#feya-login .feya-login-btn--main:active {
    transform: scale(0.98) translateY(0); }

#feya-login .feya-login-btn--secondary {
    background-color: transparent;     color: var(--feya-login-accent);     border: 1.5px solid var(--feya-login-accent);     font-weight: 500; }

#feya-login .feya-login-btn--secondary:hover {
    background-color: var(--feya-login-accent-soft); }

#feya-login .feya-login-btn--secondary:active {
    transform: scale(0.98); }

#feya-login .feya-login-footer {
    margin-top: 24px; }

#feya-login .feya-login-footer a {
    color: var(--feya-login-placeholder);     text-decoration: none;     font-size: 13px;     transition: color 0.2s; }

#feya-login .feya-login-footer a:hover {
    color: var(--feya-login-accent); }

#feya-login .feya-login-footer--legal {
    margin-top: 12px; }

#feya-login .feya-login-footer--legal a {
    font-size: 11px;     line-height: 1.5;     display: inline-block; }

#feya-login .feya-login-theme-toggle {
    position: fixed;     top: 14px;     right: 14px;     z-index: 120;     width: 42px;     height: 42px;     padding: 0;     margin: 0;     display: flex;     align-items: center;     justify-content: center;     border: 1px solid var(--feya-login-line);     border-radius: 50%;     background: var(--feya-login-surface);     color: var(--feya-login-muted);     cursor: pointer;     flex-shrink: 0;     -webkit-tap-highlight-color: transparent;     transition: transform 0.1s; }

#feya-login .feya-login-theme-toggle:active {
    transform: scale(0.94); }

#feya-login .feya-login-theme-toggle:focus-visible {
    outline: 2px solid var(--feya-login-accent);     outline-offset: 2px; }

#feya-login .feya-login-theme-toggle svg {
    width: 20px;     height: 20px;     pointer-events: none; }

#feya-login .feya-login-theme-toggle .feya-login-theme-toggle__moon { display: block; }
#feya-login .feya-login-theme-toggle .feya-login-theme-toggle__sun  { display: none; }
html[data-theme="dark"] #feya-login .feya-login-theme-toggle .feya-login-theme-toggle__moon { display: none; }
html[data-theme="dark"] #feya-login .feya-login-theme-toggle .feya-login-theme-toggle__sun  { display: block; }

@media screen and (min-width: 600px) {
    #feya-login {
        max-width: 100vw;         justify-content: center;         align-items: center;     }

    #feya-login .feya-login-wrapper {
        max-width: 460px;         padding: 40px 48px;     }

    #feya-login .feya-login-logo img {
        width: 260px;     }

    #feya-login .feya-login-brand {
        font-size: 56px;         letter-spacing: 3.49px;         margin-right: -3.49px;     }

    #feya-login .feya-login-theme-toggle {
        top: 20px;         right: 20px;         width: 46px;         height: 46px;     }
}

@media (pointer: coarse) and (min-width: 600px) {
    #feya-login .feya-login-field input {
        min-height: 54px;     }

    #feya-login .feya-login-btn {
        min-height: 56px;     }
}

@media screen and (min-width: 900px) {
    #feya-login .feya-login-wrapper {
        max-width: 500px;         padding: 48px 56px;         background: var(--feya-login-card);         border-radius: 24px;         border: 1px solid var(--feya-login-line);         box-shadow: var(--feya-login-card-shadow);     }
}