.auth-form-container{background-color:var(--white, #fff);border-radius:var(--radius-xl, 16px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1));overflow:hidden}.auth-form-header{background:linear-gradient(135deg,var(--primary, #8b7355) 0%,var(--primary-dark, #7a6548) 100%);color:var(--white, #fff);padding:24px;text-align:center}@media(min-width:768px){.auth-form-header{padding:32px}}.auth-title{font-size:24px;font-weight:600;color:var(--white, #fff);margin:0 0 8px}.auth-subtitle{font-size:14px;color:#ffffffe6;margin:0;line-height:1.5}.auth-section{padding:24px;border-bottom:1px solid var(--gray-100, #f0f0f0)}@media(min-width:768px){.auth-section{padding:32px}}.auth-section:last-child{border-bottom:none}.auth-section-title{font-size:18px;font-weight:600;margin-bottom:20px;color:var(--secondary, #1a1a1a)}.oauth-buttons{display:flex;flex-direction:column;gap:12px}@media(min-width:400px){.oauth-buttons{flex-direction:row}}.oauth-button{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;padding:14px 20px;font-size:15px;font-weight:500;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease;background-color:var(--white, #fff);border:1px solid var(--gray-200, #e5e5e5);color:var(--secondary, #1a1a1a)}.oauth-button:hover{background-color:var(--gray-50, #fafafa);border-color:var(--gray-300, #d4d4d4)}.auth-divider{display:flex;align-items:center;padding:0 24px}@media(min-width:768px){.auth-divider{padding:0 32px}}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:var(--gray-200, #e5e5e5)}.auth-divider span{padding:0 16px;font-size:14px;color:var(--gray-500, #737373)}.auth-form{display:flex;flex-direction:column;gap:0}.auth-field-row{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}@media(max-width:480px){.auth-field-row{grid-template-columns:1fr}}.auth-field{display:flex;flex-direction:column;margin-bottom:20px}.auth-field label{display:block;font-weight:600;margin-bottom:8px;font-size:14px;color:var(--secondary, #1a1a1a)}.auth-field input,.auth-field textarea{width:100%;padding:14px 16px;border:1px solid var(--gray-200, #e5e5e5);border-radius:var(--radius-md, 8px);font-family:var(--font-sans, system-ui, sans-serif);font-size:15px;background-color:var(--white, #fff);transition:all .2s ease;box-sizing:border-box}.auth-field input:hover,.auth-field textarea:hover{border-color:var(--gray-300, #d4d4d4)}.auth-field input:focus,.auth-field textarea:focus{outline:none;border-color:var(--primary, #8b7355);box-shadow:0 0 0 3px #8b73551a}.auth-field input::placeholder,.auth-field textarea::placeholder{color:var(--gray-400, #a3a3a3)}.auth-forgot{text-align:right;margin-top:-12px;margin-bottom:20px}.auth-forgot a{font-size:14px;color:var(--primary, #8b7355);text-decoration:none}.auth-forgot a:hover{text-decoration:underline}.auth-submit{width:100%;padding:16px 32px;background-color:var(--primary, #8b7355);color:var(--white, #fff);border:none;border-radius:var(--radius-lg, 12px);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.auth-submit:hover:not(:disabled){background-color:var(--primary-dark, #7a6548);transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:var(--radius-md, 8px);font-size:14px;margin-bottom:20px}.auth-success{text-align:center;padding:32px 24px}.auth-success svg{color:#10b981;margin-bottom:24px}.auth-success .auth-title{color:var(--secondary, #1a1a1a);margin-bottom:12px}.auth-success .auth-subtitle{color:var(--gray-600, #525252)}.auth-footer{text-align:center;padding:24px;font-size:15px;color:var(--gray-600, #525252);border-top:1px solid var(--gray-100, #f0f0f0)}.auth-footer a{color:var(--primary, #8b7355);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.auth-link{display:inline-block;margin-top:24px;padding:14px 24px;font-size:15px;font-weight:500;color:var(--primary, #8b7355);background-color:transparent;border:1px solid var(--primary, #8b7355);border-radius:var(--radius-md, 8px);text-decoration:none;transition:all .2s ease}.auth-link:hover{background-color:var(--primary, #8b7355);color:#fff}.auth-link-button{display:inline-block;margin-top:24px;padding:14px 32px;font-size:15px;font-weight:600;color:var(--white, #fff);background-color:var(--primary, #8b7355);border-radius:var(--radius-lg, 12px);text-decoration:none;transition:all .2s ease}.auth-link-button:hover{background-color:var(--primary-dark, #7a6548);transform:translateY(-1px)}.auth-error-page{text-align:center;padding:32px 24px}.auth-error-page svg{color:#dc2626;margin-bottom:24px}.auth-error-page .auth-title{color:var(--secondary, #1a1a1a);margin-bottom:12px}.auth-error-page .auth-subtitle{color:var(--gray-600, #525252)}