.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.auth-card{background:light-dark(#ccc,#333);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);max-width:470px;padding:2.5rem;width:100%}.auth-header h1{color:light-dark(#1a1a1a,#f6f6f6);font-size:1.75rem;margin:0 0 .5rem;text-align:center}.sub-text{color:light-dark(#666,#aaa);font-size:.95rem;margin-bottom:2rem;text-align:center}.input-group{margin-bottom:1.5rem}.input-label{color:light-dark(#333,#ddd);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.input-field{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.input-field:focus{border-color:#007bff;outline:none}.auth-method-panel{align-items:center;display:flex;flex-direction:row}.webauthn-visual{color:#666;padding:1rem 0;text-align:center}.auth-icon{color:#007bff;height:48px;margin-bottom:10px;margin-right:1.5rem;opacity:.8;width:48px}.btn-block{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:1.5rem;padding:.85rem;transition:background-color .2s;width:100%}.btn-block:hover{background-color:#0056b3}.auth-footer{font-size:.9rem;margin-top:1.5rem;text-align:center}.btn-link{background:none;border:none;color:#666;cursor:pointer;font-size:.85rem;text-decoration:underline}.divider{border-top:1px solid #eee;margin:1rem 0}