.auth-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:40px 20px;display:flex}.auth-container{width:100%;max-width:480px}.auth-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 10px 40px #0003}.auth-title{text-align:center;color:#1f2937;margin-bottom:8px;font-size:28px;font-weight:700}.auth-subtitle{text-align:center;color:#6b7280;margin-bottom:30px;font-size:16px}.account-type-toggle{flex-direction:column;gap:12px;display:flex}.account-option{cursor:pointer;border:2px solid #e5e7eb;border-radius:8px;align-items:center;padding:16px;transition:all .3s;display:flex}.account-option input[type=radio]{cursor:pointer;margin-right:12px}.account-option:hover{background:#eff6ff;border-color:#2563eb}.account-option.active{background:#dbeafe;border-color:#2563eb}.account-option span{font-size:16px;font-weight:500}.toggle-buttons{gap:12px;display:flex}.toggle-btn{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;flex:1;padding:12px;font-size:16px;font-weight:500;transition:all .3s}.toggle-btn:hover{background:#eff6ff;border-color:#2563eb}.toggle-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.form-hint{color:#6b7280;margin-top:6px;font-size:13px;display:block}.btn-block{width:100%;margin-top:24px}.auth-footer{text-align:center;color:#6b7280;margin-top:24px;font-size:15px}.auth-link{color:#2563eb;font-weight:600;text-decoration:none;transition:color .3s}.auth-link:hover{color:#1d4ed8;text-decoration:underline}@media (max-width:768px){.auth-card{padding:30px 20px}.auth-title{font-size:24px}}