.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--slate-50);padding:24px;font-family:Inter,sans-serif}.auth-container{width:100%;max-width:480px;background:var(--white);border-radius:24px;padding:48px;box-shadow:0 20px 40px -10px rgba(15,23,42,.08);border:1px solid var(--slate-100)}.auth-header{text-align:center;margin-bottom:40px}.auth-logo-wrapper{width:64px;height:64px;margin:0 auto 24px;overflow:hidden;display:flex;align-items:center;justify-content:center}.auth-logo-img{width:100%;height:100%;object-fit:contain;transform:scale(2.8)}.auth-title{font-size:1.75rem;font-weight:800;color:var(--slate-900);margin-bottom:8px;letter-spacing:-.02em}.auth-subtitle{font-size:.95rem;color:var(--slate-500);line-height:1.5}.auth-role-grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;margin-bottom:32px}.auth-role-card{position:relative;padding:24px;border-radius:16px;border:2px solid var(--slate-100);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:16px;background:var(--white)}.auth-role-card:not(.active):hover{border-color:var(--slate-200);background:var(--slate-50);transform:translateY(-2px)}.auth-role-card.active{transform:translateY(-2px);box-shadow:0 8px 20px -10px rgba(0,0,0,.1)}.auth-role-card.active.card-dealcacher:hover{background:var(--green-light)!important;border-color:var(--brand-dealcacher)!important}.auth-role-card.active.card-vendor:hover{background:#f0f9ff!important;border-color:var(--brand-vendor)!important}.auth-role-card.active.card-dealcacher{border-color:#689f07!important;background:#f7fee7!important}.auth-role-card.active.card-vendor{border-color:#0ea5e9!important;background:#f0f9ff!important}.auth-role-icon{width:48px;height:48px;border-radius:12px;background:var(--white);display:flex;align-items:center;justify-content:center;color:var(--slate-400);border:1px solid var(--slate-100);transition:all var(--transition);flex-shrink:0}.auth-role-card.active.card-dealcacher .auth-role-icon{background:#689f07!important;color:#ffffff!important;border-color:#689f07!important;box-shadow:0 4px 12px rgba(104,159,7,.3)}.auth-role-card.active.card-vendor .auth-role-icon{background:#0ea5e9!important;color:#ffffff!important;border-color:#0ea5e9!important;box-shadow:0 4px 12px rgba(13,110,253,.3)}.auth-role-info{flex:1 1}.auth-role-name{display:block;font-size:1rem;font-weight:700;color:var(--slate-900);margin-bottom:4px}.auth-role-desc{font-size:.85rem;color:var(--slate-500)}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{font-size:.85rem;font-weight:700;color:var(--slate-700);text-transform:uppercase;letter-spacing:.05em}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-input-icon{position:absolute;left:14px;color:var(--slate-400);pointer-events:none;transition:color var(--transition)}.form-input{width:100%;padding:12px 14px 12px 42px;border-radius:12px;border:1px solid var(--slate-200);font-size:.95rem;color:var(--slate-900);background:var(--white);transition:all var(--transition);outline:none}.form-input:focus{border-color:var(--green-main);box-shadow:0 0 0 4px var(--green-light)}.form-input:focus+.form-input-icon{color:var(--green-main)}.auth-error{background:#fee2e2;border:1px solid #fecaca;color:#ef4444;padding:12px 16px;font-size:.9rem;font-weight:500;margin-bottom:24px;gap:10px}.auth-btn-primary,.auth-error{border-radius:12px;display:flex;align-items:center}.auth-btn-primary{width:100%;padding:16px;background-color:#689f07!important;background:#689f07!important;color:#ffffff!important;font-size:1.05rem;font-weight:800;border:none;cursor:pointer;transition:all .3s ease;justify-content:center;gap:12px;margin-top:12px;text-transform:none;box-shadow:0 4px 12px rgba(104,159,7,.2)}.auth-btn-primary:hover{background-color:#4d7a04!important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(104,159,7,.3)}button.auth-btn-primary.auth-btn-dealcacher{background-color:#689f07!important;background:#689f07!important;color:#ffffff!important;box-shadow:0 6px 20px -4px rgba(104,159,7,.4)!important}button.auth-btn-primary.auth-btn-dealcacher:hover{background-color:#4d7a04!important;background:#4d7a04!important;color:#ffffff!important;transform:translateY(-2px);box-shadow:0 10px 25px -5px rgba(104,159,7,.5)!important}button.auth-btn-primary.auth-btn-vendor{background-color:#0ea5e9!important;background:#0ea5e9!important;color:#ffffff!important;box-shadow:0 6px 20px -4px rgba(14,165,233,.4)!important}button.auth-btn-primary.auth-btn-vendor:hover{background-color:#0284c7!important;background:#0284c7!important;color:#ffffff!important;transform:translateY(-2px);box-shadow:0 10px 25px -5px rgba(14,165,233,.5)!important}.auth-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--slate-500);font-size:.9rem;font-weight:600;cursor:pointer;margin-bottom:24px;transition:color var(--transition)}.back-btn:hover{color:var(--slate-900)}.auth-footer{margin-top:32px;text-align:center;font-size:.95rem;color:var(--slate-600)}.auth-link{color:var(--green-main);font-weight:700;text-decoration:none;margin-left:4px}.auth-link:hover{text-decoration:underline}.animate-fade-in{animation:authFadeIn .4s ease-out forwards}@keyframes authFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.auth-page{padding:20px;background:var(--slate-50);align-items:center}.auth-container{padding:32px 24px;border-radius:20px;border:1px solid var(--slate-100);box-shadow:0 10px 25px -5px rgba(0,0,0,.05);min-height:auto;background:var(--white)}.auth-logo-wrapper{margin:0 auto 16px;justify-content:center;width:54px;height:54px}.auth-header{text-align:center;margin-bottom:24px}.auth-title{font-size:1.4rem;margin-bottom:8px}.auth-subtitle{font-size:.85rem}.auth-role-grid{gap:12px;margin-bottom:24px}.auth-role-card.active.card-dealcacher{border-color:var(--brand-dealcacher)!important;background:var(--green-light)!important}.auth-role-card.active.card-vendor{border-color:var(--brand-vendor)!important;background:#f0f9ff!important}.auth-role-icon{display:flex;width:40px;height:40px;margin-right:12px}.auth-role-card.active.card-dealcacher .auth-role-icon{background:var(--brand-dealcacher)!important;color:var(--white)!important}.auth-role-card.active.card-vendor .auth-role-icon{background:var(--brand-vendor)!important;color:var(--white)!important}.form-group{gap:6px}.form-input-wrapper{display:flex}.form-input-icon{display:block}.form-input{padding:11px 12px 11px 40px;border:1px solid var(--slate-200);border-radius:10px;font-size:.95rem}button.auth-btn-primary.auth-btn-dealcacher{background-color:#689f07!important;color:#ffffff!important}button.auth-btn-primary.auth-btn-vendor{background-color:#0ea5e9!important;color:#ffffff!important}.back-btn{margin-bottom:16px}.auth-footer{margin-top:24px;text-align:center}}