.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:var(--radius-2xl);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;border:none;padding:.625rem 1.25rem;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.btn:active{transform:translateY(2px)}.btn-primary{background:var(--duo-primary);color:#fff;box-shadow:0 4px 0 var(--duo-primary-dark)}.btn-primary:hover{background:#1aa0e0}.btn-primary:active{box-shadow:0 1px 0 var(--duo-primary-dark);transform:translateY(3px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-color);box-shadow:0 4px 0 var(--border-color)}.btn-secondary:hover{filter:brightness(.95)}.btn-secondary:active{box-shadow:0 1px 0 var(--border-color);transform:translateY(3px)}.btn-outline{border:2px solid var(--duo-primary);color:var(--duo-primary);box-shadow:none;background:0 0}.btn-outline:hover{background:#80808026}.btn-outline:active{transform:translateY(2px)}.btn-ghost{color:var(--text-secondary);min-height:unset;box-shadow:none;background:0 0;padding:.5rem .875rem}.btn-ghost:hover{background:#80808026}.btn-ghost:active{transform:translateY(1px)}.btn-google{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-color);box-shadow:0 3px 0 var(--border-color)}.btn-google:hover{border-color:var(--border-color-hover)}.btn-google:active{box-shadow:0 1px 0 var(--border-color);transform:translateY(2px)}.btn-google svg{width:20px;height:20px}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px #d93636}.btn-danger:hover{background:#e63e3e}.btn-danger:active{transform:translateY(3px);box-shadow:0 1px #d93636}.btn-success{background:var(--success);color:#fff;box-shadow:0 4px 0 var(--green-600)}.btn-success:hover{background:#4db802}.btn-success:active{box-shadow:0 1px 0 var(--green-600);transform:translateY(3px)}.btn-sm{font-size:var(--font-size-xs);min-height:36px;padding:.375rem .875rem}.btn-lg{font-size:var(--font-size-base);min-height:48px;padding:.75rem 1.75rem}.btn-icon{min-height:unset;border-radius:var(--radius-lg);padding:.5rem}.btn:disabled,.btn-loading{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-loading .btn-spinner{animation:.8s linear infinite spin}.btn-full{width:100%}@media (width<=768px){.btn{font-size:var(--font-size-sm);min-height:44px;padding:.5rem 1rem}.btn-sm{font-size:var(--font-size-xs);min-height:36px;padding:.375rem .75rem}.btn-lg{font-size:var(--font-size-sm);min-height:44px;padding:.625rem 1.5rem}}@media (width<=480px){.btn{min-height:44px;padding:.5rem .875rem}.btn-lg{font-size:var(--font-size-sm);min-height:44px;padding:.5rem 1.25rem}}