:root{--color-primary: #873F2B;--color-secondary: #7D916E;--color-primary-hover: #723423;--color-secondary-hover: #697A5C;--gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-secondary));--gradient-primary-hover: linear-gradient(135deg, var(--color-primary-hover), var(--color-secondary-hover));--bg-main: #1E1713;--bg-card: #27201C;--bg-card-hover: #322A25;--text-primary: #D8C5A8;--text-secondary: #A89A84;--border-color: rgba(216, 197, 168, .15);--input-bg: rgba(30, 23, 19, .7)}body{background-color:var(--bg-main);color:var(--text-primary);font-family:Inter,Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.auth-card{background-color:var(--bg-card);padding:40px;border-radius:12px;box-shadow:0 8px 24px #0009;width:100%;max-width:400px;border:1px solid var(--border-color);transition:background-color .3s ease}.auth-card:hover{background-color:var(--bg-card-hover)}.auth-title{text-align:center;margin-bottom:8px;font-weight:600;font-size:28px;color:var(--text-primary)}.auth-subtitle{text-align:center;margin-bottom:28px;color:var(--text-secondary);font-size:15px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-input{padding:14px;border-radius:6px;border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-primary);outline:none;font-size:16px;transition:border-color .3s}.auth-input:focus{border-color:var(--color-primary)}.auth-button{padding:14px;border-radius:6px;border:none;background:var(--gradient-primary);color:var(--text-primary);font-weight:700;cursor:pointer;margin-top:8px;font-size:16px;transition:background .3s,box-shadow .3s;box-shadow:0 4px 10px #0000004d}.auth-button:hover{background:var(--gradient-primary-hover)}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-error{background-color:#873f2b33;color:var(--color-primary);border:1px solid var(--color-primary);padding:12px;border-radius:6px;margin-bottom:16px;text-align:center;font-size:14px}.auth-footer-text{text-align:center;margin-top:24px;font-size:14px;color:var(--text-secondary)}.auth-link{color:var(--color-secondary);text-decoration:none;font-weight:500;transition:color .3s ease}.auth-link:hover{color:var(--color-secondary-hover)}.auth-loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-main);color:var(--text-primary);font-family:Inter,Roboto,sans-serif;gap:16px}.auth-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:auth-spin 1s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.auth-card{padding:32px;max-width:360px}.auth-title{font-size:24px}}@media (max-width: 480px){.auth-container{padding:16px}.auth-card{padding:24px 16px;border-radius:8px;box-shadow:0 4px 12px #0006;max-width:100%}.auth-title{font-size:22px}.auth-input,.auth-button{padding:12px;font-size:15px}}