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